figma-generate-design · OpenAI · Codex
화면 구조와 요구사항을 편집 가능한 Figma 디자인으로 구성합니다.
요구사항이나 참고 화면을 편집 가능한 Figma 디자인으로 구성하는 스킬입니다. 아이디어를 말로 설명하는 단계에서 팀이 함께 확인할 화면으로 옮길 때 사용합니다.
사용자와 필요한 기능, 참고할 배치를 정리해보세요. 이후 직접 수정할 수 있는 화면 구조를 만들어 디자인 방향과 정보의 순서를 검토할 수 있습니다.
“자료실의 목록 화면을 Figma 디자인으로 만들어줘. 검색, 분류, 기능 설명이 있는 카드 영역을 편집 가능하게 구성해줘.”
받을 수 있는 결과편집 가능한 디자인 화면
Codex와 해당 플러그인이 필요합니다. 연결형 스킬은 대상 앱 계정과 접근 권한을 준비하세요. 포함 플러그인: figma.
앱 연결·MCP·보조 파일이 포함된 플러그인이에요. 아래 SKILL.md는 동작을 읽어보는 용도로도 사용할 수 있지만, 파일 하나로 앱 연결이 설치되지는 않아요.
Codex의 Plugins에서 figma에 해당하는 플러그인을 찾아 설치하세요. 제공되는 연결 앱과 권한을 설정한 뒤 새 세션에서 figma-generate-design 작업을 요청하세요. 목록에 없다면 제작자 저장소의 plugins/figma/ 구성과 설치 안내를 확인하세요. 연결된 서비스의 요금은 해당 서비스 정책을 따릅니다.
“figma-generate-design 스킬을 사용해줘. 입력 자료: 참고 화면 또는 요구사항”처럼 요청하세요. 위의 예시를 내 자료에 맞게 바꿔도 좋아요.
예상 결과는 ‘편집 가능한 디자인 화면’입니다. 필요한 내용이 포함됐는지 확인하세요. 입력 자료의 사실·숫자와 결과를 대조하고, 부족한 부분을 이어서 요청하세요.
제작자 원본 2026-10-04 확인 · 설치 안내 2026-10-04 확인 · 실제 설치·실행 미검증
모델 사용 요금과 연결 앱 요금은 이용 중인 서비스의 정책을 따릅니다.
설치 안내 출처Codex의 Plugins에서 figma에 해당하는 플러그인을 찾아 설치하세요. 제공되는 연결 앱과 권한을 설정한 뒤 새 세션에서 figma-generate-design 작업을 요청하세요. 목록에 없다면 제작자 저장소의 plugins/figma/ 구성과 설치 안내를 확인하세요. 연결된 서비스의 요금은 해당 서비스 정책을 따릅니다.
원문 재배포 허용을 확인하지 못한 항목은 지원 환경의 설치 안내를 제공합니다.
Codex와 해당 플러그인이 필요합니다. 연결형 스킬은 대상 앱 계정과 접근 권한을 준비하세요. 포함 플러그인: figma.
OpenAI 플러그인 저장소 원본 확인안내에 표시된 앱에서 설치하세요. 설치·실행 검증은 별도입니다.