피그마(Figma)
피그마(Figma)는 화면 디자인, 프로토타입, 디자인 시스템을 협업으로 만드는 디자인 도구입니다.
정확한 개념
피그마(Figma)는 화면 디자인, 프로토타입, 디자인 시스템을 팀이 함께 만들고 공유하는 디자인 도구입니다.
왜 중요한가
개발자가 AI로 UI를 만들 때도 기준 디자인과 컴포넌트 구조가 있으면 결과물 품질이 훨씬 안정됩니다.
Understanding
이렇게 이해하면 쉽습니다
PRD에 있는 요구사항을 화면 흐름으로 만들고, 버튼/카드/폼 컴포넌트를 정리해 개발자에게 전달합니다.
피그마(Figma) 화면이 곧 구현 가능한 코드는 아닙니다. 반응형, 데이터 상태, 접근성을 개발 단계에서 함께 봐야 합니다.
Checklist
실제로 볼 때 확인할 것
- 01
디자인 시스템 컴포넌트를 확인한다
- 02
상태별 화면을 준비한다
- 03
개발 가능한 간격과 레이아웃인지 본다