HuddlingClub
목록으로 돌아가기
AI사용팁컴포넌트

피그마 디자인 시스템 라이브러리를 주면 AI가 화면을 잘 만들어주나요?

허들링 클럽 커뮤니티2026. 7. 9.

Q. 질문

피그마에 만들어둔 디자인 시스템 라이브러리(컴포넌트·토큰 정의됨)를 주고 와이어프레임 넣어서 화면 구성해달라고 했는데 결과가 영 안 좋습니다.


A. 답변

design.md를 별도로 작성해야 합니다.

라이브러리만 주면 AI 입장에서는 "컴포넌트 가져다 써"까지밖에 안 됩니다. 어느 상황에서 어떤 판단을 내려야 하는지 근거를 정의해서 넘기면 퀄리티가 확 올라갑니다.

추천 프로세스

  • 토큰·스타일을 피그마에 미리 설정
  • Figma MCP로 클로드 코드 연결 후 토큰 학습
  • 컴포넌트 학습
  • 이미지 레퍼런스를 주면서 "토큰·컴포넌트 기반으로 구성하라"고 요청
  • 참고 자료

  • 디자인 시스템 md 작성법 (브런치)
  • oh-my-design md 빌더
  • Tastelab (디자인 md 생성)
  • 피그마 디자인 시스템 파일 자체가 AI가 읽기 어렵게 구성된 경우도 많습니다. AI가 읽기 쉽도록 맥락 중심으로 정리되어 있는지 먼저 점검해보세요.
    허들링 클럽
    2기 모집 중