오카방분들 안녕하세요!
즐거운 아침입니다
오늘부터 Dev mode가 유료화로
전환 되었는데요
기능적으로도 업데이트가 있어서
간단히 요약해 드립니다.
[오늘부터 유료화 되는 Dev mode 어떤 부분이 바뀌었을까?]
Compare Change에서
시각적 비교 뿐 아니라 변경된 코드도
바로 확인 가능1.
코드에서 변경된 부분은
(before)+(after)로 표시됩니다.
2.
디테치한 컴포넌트도 메인 컴포넌트와 비교 가능하며
이력이 남은것을 지울수도 있습니다.
Annotation 기능EightShapesspec처럼 디자인 가이드를
클릭만으로 추가할 수 있는 기능.
사용 방법은 데브 모드를 켜고 Annotation 메뉴 켜기> 화면 요소 찍기 > 추가하기
1.
Annotation을 남기려면 무조건 에딧이 있어야 하고
확인은 dev mode를 구매해야 가능합니다.
2.
데브 모드 쓰지 않아도 디자이너가
Visual Difference와 EightShapesspec 등의
플러그인으로 가이드 쳐서 전달하는 방법도 있을 것 같아요.
Visual Difference-비포 애프터를 비교해주는 플러그인
EightShapesspec- 클릭 한번으로 스펙 가이드를 쳐주는 플러그인
Auto-run default plugin자주 쓰는 플러그인 자동 실행
엔터프라이즈에서만 지원
Figma for VS codeVS Code에서 에디터를
벗어나지 않고 데브 모드를 사용