figma-create-design-system-rules

작성자: figma

사용자의 코드베이스에 맞춤형 디자인 시스템 규칙을 생성합니다. 사용자가 "디자인 시스템 규칙 생성", "내 프로젝트 규칙 생성", "설정..."이라고 말할 때 사용하세요.

npx skills add https://github.com/figma/dev-mode-mcp-server-guide --skill figma-create-design-system-rules

ZIP 다운로드 GitHub

figma의 다른 스킬

figma-code-connect

Figma 컴포넌트를 코드 스니펫에 매핑하는 Figma Code Connect 템플릿 파일을 생성하고 유지 관리합니다. 사용자가 Code Connect, Figma 컴포넌트를 언급할 때 사용합니다.

figma-create-new-file

새로운 빈 Figma 파일을 생성합니다. 사용자가 새 Figma 디자인이나 FigJam 파일을 만들고자 할 때, 또는 use_figma를 호출하기 전에 새 파일이 필요할 때 사용합니다.

figma-generate-design

이 스킬은 애플리케이션 페이지, 뷰 또는 여러 섹션 레이아웃을 Figma로 변환하는 작업이 있을 때 figma-use와 함께 사용하세요. 트리거: 'write to…

figma-generate-diagram

MANDATORY prerequisite — load this skill BEFORE every `generate_diagram` tool call. Routes to type-specific guidance (generic flowchart, architecture…

figma-generate-library

코드베이스로부터 Figma에서 전문가 수준의 디자인 시스템을 구축하거나 업데이트합니다. 사용자가 변수/토큰을 생성하거나, 컴포넌트 라이브러리를 구축하거나, 설정하려는 경우 사용하세요.

figma-implement-design

Figma 디자인을 1:1 시각적 정확도로 프로덕션 준비가 된 애플리케이션 코드로 변환합니다. Figma 파일에서 UI 코드를 구현할 때, 사용자가 언급할 때 사용하세요.

**MANDATORY prerequisite** — you MUST invoke this skill BEFORE every `use_figma` tool call. NEVER call `use_figma` directly without loading this skill first.…

figma-use-figjam

이 스킬은 에이전트가 FigJam 컨텍스트에서 Figma의 use_figma MCP 도구를 사용할 수 있도록 도와줍니다. use_figma의 기본 컨텍스트를 제공하는 figma-use와 함께 사용할 수 있습니다.