AI사용팁컴포넌트

원티드·카본 같은 공개 디자인 시스템을 AI에 넣는다는 게 정확히 뭔가요?

허들링 클럽 커뮤니티2026. 6. 15.

Q. 질문

원티드 디자인 시스템을 AI에 넣어서 화면을 만들어보려고 합니다. 공식 피그마 문서 링크를 넣으면 되나요? 라이브러리로 등록하는 과정이 필요한가요?

정확히는 그 디자인 시스템을 Figma MCP로 읽게 하는 것입니다. 코덱스든 클로드 코드든 MCP로 연결해서 읽고 코드로 구현할 수 있습니다.

라이브러리 등록은 필수가 아닙니다. 링크만 있어도 MCP로 읽어서 작업할 수 있습니다.

Figma MCP 연결

하네스 설정 (토큰 체크, 피그마 MCP 구현 에이전트 등)

토큰·스타일을 읽어서 코드로 구현하게 지시

3에서 구현한 토큰·스타일을 읽어서 작은 단위 컴포넌트부터 구현하게 지시

작성된 토큰·스타일·컴포넌트 파일로 화면 구현

레퍼런스나 기획 문서가 있으면 결과물 품질이 확연히 올라갑니다.

라이브러리를 발행하고 Code Connect까지 연결하면 훨씬 프로덕션에 가까운 코드가 나옵니다.