haebom
Sign In
해봄의 아카이브
Figma(피그마), 🧑💻 Dev Mode 공개
Haebom
Jun 22, 2023
3y ago
•
지난번에 공유드렸던 피그마의 Config가 끝났습니다. 매년 피그마는 발표 퀄리티가 수직 상승 중인듯
피그마, Config 2023 개최
디자인 협업툴 피그마(Figma)의 연간 최대 규모 세미나 Config가 오는 6월 21일-22일 양일간 개최. 작년 Config를 보고 싶다면 이쪽으로 :
slashpage.com
•
개인적으로 가장 인상 깊었던 것은 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
Learn about our new interface, and how we're making Figma better for developers
figma.com
구독 버튼을 통해 구독을 해주시면 알찬 소식으로 매일 받아보실 수 있습니다.
댓글과 이모지를 남겨주시면 큰 힘이 됩니다. 공유까지 해주시면 더 좋구요!
구독하기
공유하기
Subscribe to 'haebom'
Subscribe to my site to be the first to receive notifications and emails about the latest updates, including new posts.
Join Slashpage and subscribe to 'haebom'!
Subscribe