figma

작성자: openai

Figma에서 디자인 컨텍스트, 스크린샷, 에셋을 가져온 후 디자인을 프로덕션 코드로 변환합니다. 세 가지 핵심 명령어를 제공합니다: 구조화된 노드 표현을 위한 get_design_context, 시각적 참조를 위한 get_screenshot, localhost 엔드포인트를 통한 에셋 다운로드. 필수 워크플로우가 필요합니다: 디자인 컨텍스트 가져오기, 스크린샷 검색, 에셋 다운로드, 그 후 프로젝트 규칙과 디자인 토큰을 사용하여 구현. React + Tailwind를 디자인 표현으로 출력하며, 구현 시 재사용해야 합니다...

npx skills add https://github.com/openai/skills --skill figma