피그마 디자인 가이드를 AI가 못 읽을 때

질문

피그마에서 만든 디자인 가이드와 라이브러리를 클로드 디자인에 넣어도 가이드를 제대로 인식하지 못할 때 해결 방법이 있는지.

답변

피그마 컴포넌트를 클로드 코드와 피그마 MCP로 GitHub에 문서화하고 Storybook으로 만든 뒤, 기획 문서와 함께 그 저장소를 연결해 피그마에 화면을 만들게 하는 방법이 있다. 처음에는 완성도가 50% 정도였지만 잘못된 점을 지적하고 좋은 예시와 비교하며 하나씩 바로잡자 80~90%까지 올라갔고, 한 번 잡아두면 이후 화면은 그 가이드대로 더 잘 만든다. 이렇게 코드로 가이드를 추출해 두면 HTML로 빠르게 뽑을 때도 유용하다.