Sign In
해봄의 아카이브

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

Haebom
•
개인적으로 가장 인상 깊었던 것은 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에만 액세스할 수 있는 새로운 플랜 옵션도 제공 예정 (개발자용)
구독 버튼을 통해 구독을 해주시면 알찬 소식으로 매일 받아보실 수 있습니다.
댓글과 이모지를 남겨주시면 큰 힘이 됩니다. 공유까지 해주시면 더 좋구요!
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