C✳CODEZ.WIN
🌐 한국어

현지화된 읽기 가이드

figma-generate-library목적, 사용법 및 출처

코드베이스를 사용하여 Figma에서 전문가 수준의 디자인 시스템을 구축하거나 업데이트하세요. 사용자가 디자인을 만들고자 할 때 사용하세요.variables/tokens컴포넌트 라이브러리를 구축하고 테마를 설정합니다.light/dark모드), 문서 기반, 또는 코드와 Figma 간의 차이를 해소하는 것과 같은 작업을 수행합니다. 이 스킬은 무엇을 어떤 순서로 구축해야 하는지를 가르쳐주며, 기존의 학습 방식을 보완합니다.figma-use플러그인 API를 호출하는 방법을 알려주는 스킬입니다. 두 스킬은 함께 로드해야 합니다.

출처 검색됨:

소스 저장소
openai/skills
SKILL.md
skills/.curated/figma-generate-library/SKILL.md
저장소 Star
28,420
저장소 최근 업데이트
2026-10-29
능력 분류
개발
최근 수집 시간

라이선스: 명시되지 않음

원본 SKILL.md

워크플로 발췌본은 이해를 돕기 위한 자료이며, Codez에서 제공하는 실행 가능한 명령어가 아닙니다. 이 페이지를 생성하는 데 타사 Skill은 사용되지 않았습니다.

아래의 목적 및 워크플로 관련 내용은 읽기 쉽도록 정리 및 번역된 상위 자료입니다. 이는 별도로 분류된 Codez 편집 분석과는 별개입니다.

이 스킬의 기능

코드베이스를 사용하여 Figma에서 전문가 수준의 디자인 시스템을 구축하거나 업데이트하세요. 사용자가 디자인을 만들고자 할 때 사용하세요.variables/tokens컴포넌트 라이브러리를 구축하고 테마를 설정합니다.light/dark모드), 문서 기반, 또는 코드와 Figma 간의 차이를 해소하는 것과 같은 작업을 수행합니다. 이 스킬은 무엇을 어떤 순서로 구축해야 하는지를 가르쳐주며, 기존의 학습 방식을 보완합니다.figma-use플러그인 API를 호출하는 방법을 알려주는 스킬입니다. 두 스킬은 함께 로드해야 합니다.

업스트림 워크플로우 작동 방식

2필수 워크플로

모든 설계 시스템 구축은 이 단계 순서를 따릅니다. 단계를 건너뛰거나 순서를 바꾸면 복구하는 데 막대한 비용이 드는 구조적 오류가 발생합니다.

상류 통로 · L22 ↗

4상태 관리 (장시간 워크플로우에 필수적)

>getPluginData()/setPluginData()지원되지 않습니다.use_figma. 사용getSharedPluginData()/setSharedPluginData()대신 (이러한 방식은 지원됩니다) 이름 기반 조회와 상태 원장(반환된 ID)을 사용하세요. 생성된 모든 장면 노드에 생성 직후 태그를 지정하세요. 상태 지속성: 상태 원장에 대화 컨텍스트에만 의존하지 마세요. 디스크에 저장하세요. 매 턴 시작 시 이 파일을 다시 읽으세요. 긴 워크플로에서는 대화 컨텍스트가 잘릴 수 있으므로 파일이 정확한 정보의 원천입니다.

상류 통로 · L105 ↗

디자인 시스템 구축 도구 — Figma MCP 스킬

Figma에서 코드와 일치하는 전문가 수준의 디자인 시스템을 구축하세요. 이 기술은 여러 단계로 이루어진 워크플로우를 조율하는 데 도움이 됩니다.20–100+use_figma실제 디자인 시스템에서 품질 패턴을 적용하는 호출(재료)3폴라리스, 피그마 UI3(단순 DS). 필수 조건:figma-use스킬도 모든 항목에 로드되어야 합니다.use_figma이 스킬은 플러그인 API 구문 규칙(반환 패턴, 페이지 재설정, ID 반환, 글꼴 로딩, 색상 범위)을 제공합니다. 또한 디자인 시스템 도메인 지식과 워크플로 오케스트레이션 능력을 향상시켜 줍니다.

상류 통로 · L6 ↗
상류 통로 · javascript ↗
node.setSharedPluginData('dsb', 'run_id', RUN_ID);        // identifies this build run
node.setSharedPluginData('dsb', 'phase', 'phase3');        // which phase created it
node.setSharedPluginData('dsb', 'key', 'component/button');// unique logical key

요구 사항 및 설정

이 파일에서 간략한 요구사항 구절이 선택되지 않았습니다. 이는 해당 스킬에 종속성이 없다는 의미는 아닙니다. 저장소 설정 지침 및 참조 파일을 확인하십시오.

제한 사항 및 품질 검사

이 파일에서 별도의 제한 조건 구문이 선택되지 않았습니다. 이는 해당 스킬이 모든 입력 또는 환경에서 안전하다는 것을 의미하지 않습니다. 전체 소스 코드를 검토하고 결과를 직접 확인하십시오.

안전한 시험 사용부터 시작하세요

  1. 지원되는 호스트와 저장소 설치 지침을 확인하세요. 스킬 디렉토리와 해당 디렉토리에서 참조하는 스크립트, 자산 및 문서를 함께 보관하세요.SKILL.md단독으로는 종속성을 생략할 수 있습니다.
  2. 에이전트에 실제 입력값, 원하는 출력값 및 승인 기준을 제공하십시오. 호출 구문 및 사용 가능한 도구는 호스트에 따라 다르므로 이 사이트는 범용 설치 명령을 제공하지 않습니다.
  3. 원본 워크플로를 임시 프로젝트 또는 복사본에서 테스트해 보세요. 파일, 원격 서비스 또는 유료 리소스를 변경하는 작업은 허용하기 전에 검토하십시오.
  4. 출력 결과를 원본 품질 검사 및 자체 요구 사항에 맞춰 검증하십시오. 트리거가 성공적으로 작동했거나 저장소의 별점 수가 높다고 해서 반드시 올바른 결과가 나오는 것은 아닙니다.

기술 형식 및 디렉토리 사양 ↗

원문에서 더 자세한 내용을 읽어보세요.

번역 및 범위

이 독서 안내서는 고정된 상류 지역에서 발췌한 구절들을 소개합니다.SKILL.md본 번역은 보조 번역이며, 완전한 설명서 또는 호환성 테스트를 보장하는 것은 아닙니다. 사용 전에 원본 및 참조 파일을 반드시 읽어 주십시오.

이 소개글은 아래 고정된 버전을 참조하며, 현재 저장소 활동 및 수집 시간은 별도로 표시됩니다.

출처 검색됨
소스 커밋
49f948faa9258a0c61caceaf225e179651397431
출처 SHA-256
7f42103c59fc181d7081404a56545f321c458d97f5ee7f7a0ab2af75ea69a85f
전체 스킬 카탈로그로 돌아가기