# Figma(피그마), 🧑‍💻 Dev Mode 공개

[Video](https://vod.cafenono.com/slash/20230622/114848_nvK4W59Prc9odbkrDd.mp4/a1e07d48-299e-48e7-a699-2bd017cf0135/AppleHLS1/114848_nvK4W59Prc9odbkrDd.m3u8)

- 지난번에 공유드렸던 피그마의 Config가 끝났습니다. 매년 피그마는 발표 퀄리티가 수직 상승 중인듯

[피그마, Config 2023 개최](https://slashpage.com/haebom/1dwy5rvmj14rg2p46zn9)

- 개인적으로 가장 인상 깊었던 것은 Dev Mode, 모든 프론트, 퍼블리셔가 보면서 감탄했을듯

- 디자이너와 개발자 모두에게 필요한 디자인 도구를 개발하기 위해 Figma가 개발자를 위한 새로운 작업 공간인 Dev Mode를 소개

    - Dev Mode는 개발자에게 필요한 정보를 신속하고 효율적으로 제공하며, 개발자가 매일 사용하는 도구를 활용 가능

    - Dev Mode는 디자인 개념과 개발자 개념을 연결하여 개발자들에게 필요한 정보를 찾고 내보낼 수 있음

    - Dev Mode에서는 사용하는 언어에 맞게 완전히 재설계된 코드를 사용

    - Dev Mode는 팀이 사용하는 도구와 코드 컴포넌트를 디자인 파일에 연결 기능 제공

- GitHub 플러그인을 통해 Figma 컴포넌트와 디자인에 파일, 이슈, PR 등을 연결

- 플러그인을 사용하여 Jira, Linear, GitHub 등의 도구를 활용할 수 있으며, AWS Amplify Studio, Google Relay, Anima 등의 코드 생성 플러그인도 사용 가능

- 디자인 토큰과 관련 링크를 추가하여 개발에 필요한 정보를 쉽게 접근 가능

- 디자인 파일과 코드 간의 차이점을 비교할 수 있는 Diff 지원 가능

- VS Code 확장 기능을 통해 코드 에디터에서 Dev Mode의 기능을 사용 가능

    - Dev Mode와 Figma for VS Code는 2023년 말까지 모든 사용자에게 무료로 제공되며, 2024년부터는 유료 플랜으로만 제공

    - Dev Mode에만 액세스할 수 있는 새로운 플랜 옵션도 제공 예정 (개발자용)

[Introducing Figma’s New Dev Mode | Figma Blog](https://www.figma.com/blog/introducing-dev-mode/)

구독 버튼을 통해 구독을 해주시면 알찬 소식으로 매일 받아보실 수 있습니다. 

댓글과 이모지를 남겨주시면 큰 힘이 됩니다. 공유까지 해주시면 더 좋구요!

[구독하기]()

[공유하기]()

For the site tree, see the [root Markdown](https://slashpage.com/haebom.md).