오카방분들 안녕하세요! 즐거운 아침입니다😄

오늘부터 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 code

VS Code에서 에디터를 벗어나지 않고 데브 모드를 사용