figma-create-design-system-rules은(는) 무엇을 하나요?
Figma에서 코드로의 워크플로우를 위한 프로젝트별 디자인 시스템 규칙을 생성합니다.
Figma에서 코드로의 워크플로우를 위한 프로젝트별 디자인 시스템 규칙을 생성합니다.
이 스킬은 Figma 디자인 파일을 분석하여 코드 생성 시 일관성을 유지할 수 있는 프로젝트별 디자인 시스템 규칙을 자동으로 생성합니다. 디자이너와 개발자 간의 커뮤니케이션을 간소화하고, 컴포넌트 명명 규칙, 컬러 팔레트, 타이포그래피, 간격 등의 일관된 규칙을 정의하여 Figma-to-code 파이프라인의 효율성을 높입니다. 주로 AI 기반 코드 생성 도구와 함께 사용되며, 생성된 규칙은 CSS, Tailwind, 또는 기타 프레임워크에 맞게 조정될 수 있습니다. 이 스킬은 디자인 시스템을 표준화하려는 팀이나 대규모 프로젝트에서 유용하며, 수동 작업을 크게 줄여줍니다.
npx skills add figma/figma-create-design-system-rulesFigma에서 코드로의 워크플로우를 위한 프로젝트별 디자인 시스템 규칙을 생성합니다.
ElevenLabs text-to-speech with mac-style say UX.
Oracle CLI second-model review/debug/refactor/design with selected files, dry-run token checks, API or browser engine.
Capture and automate macOS UI with the Peekaboo CLI.
Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explore interface options, compare module shapes, or mentions "design it twice".
Build a throwaway prototype to flesh out a design — a runnable terminal app for state/business-logic questions, or several radically different UI variations toggleable from one route.
Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, or mentions "grill me".