figma-create-design-system-rules목적, 사용법 및 출처

이 스킬의 기능

사용자의 코드베이스에 맞는 사용자 지정 디자인 시스템 규칙을 생성합니다. 사용자가 "디자인 시스템 규칙 생성", "내 프로젝트 규칙 생성", "디자인 규칙 설정", "디자인 시스템 가이드라인 사용자 지정" 등을 요청하거나 Figma-코드 워크플로에 대한 프로젝트별 규칙을 설정하려는 경우에 사용합니다. Figma MCP 서버 연결이 필요합니다.

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

- IMPORTANT: Always use components from `[YOUR_PATH]` when possible
- Place new UI components in `[COMPONENT_DIRECTORY]`
- Follow `[NAMING_CONVENTION]` for component names
- Components must export as `[EXPORT_PATTERN]`

요구 사항 및 설정

제한 사항 및 품질 검사

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

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

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

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

• 개요
• 디자인 시스템 규칙이란 무엇인가요?
• 필수 조건
• 이 스킬은 언제 사용해야 할까요?
• 필수 워크플로
• 단계1디자인 시스템 규칙 생성 도구를 실행합니다.
• 단계2코드베이스를 분석합니다.
• 단계3프로젝트별 규칙 생성
• 단계4규칙을 해당 규칙 파일에 저장합니다.
• 단계5검증 및 반복
• 필수 규칙 (반드시 포함해야 함)
• 추천 규칙 (매우 유용함)
• 선택적 규칙 (프로젝트별)
• 예1React + Tailwind 프로젝트
• 예2Vue + 사용자 정의 CSS 프로젝트
• 예3: 디자인 시스템 팀
• 간단하게 시작하고, 반복적으로 개선하세요.
• 구체적으로 말씀해 주세요
• 규칙을 실행 가능하게 만드세요
• 중요한 규칙에는 IMPORTANT를 사용하세요.
• 이유를 기록하세요
• 문제: 담당자가 규칙을 준수하지 않고 있습니다.
• 문제: 규칙들이 서로 충돌합니다
• 문제: 규칙이 너무 많으면 지연 시간이 증가합니다.
• 문제: 프로젝트가 진행됨에 따라 규칙이 시대에 뒤떨어지게 된다
• 디자인 시스템 규칙 이해하기
• 추가 자료

관련 기술

• chatgpt-appsopenai/skills
• figmaopenai/skills
• figma-code-connect-componentsopenai/skills
• figma-create-new-fileopenai/skills

번역 및 범위

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

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

고정된 소스

원문을 읽어보세요 ↗

출처 검색됨

2026-10-29T09:32:23Z

소스 커밋

49f948faa9258a0c61caceaf225e179651397431

출처 SHA-256

1f4d7e16ba5325a80da32e2e6bde0ea850ba9287f35f4675d51d55d2f0dc6e2a