figma-diagram-design
Figma 다이어그램(흐름도, 의사결정 트리, 시퀀스 다이어그램, 상태 다이어그램, 간트 차트)에 전문적인 색상 테마를 적용합니다. Figma:generate_diagram 도구를 사용하여 다이어그램을 만들 때마다 이 기술을 사용하세요. 명확한 시각적 계층 구조를 위해 상위 분기의 색상군을 상속하는 하위 노드를 사용하여 최상위 분기에 고유한 색상을 자동으로 할당합니다.
SKILL.md
Apply hierarchy-based color theming to diagrams. Each top-level branch gets a distinct color; all descendants inherit that color, creating instant visual grouping.
Modern Professional (Default) | Branch | Fill | Stroke | Text |
| 1 - Blue | #E8F4FD | #1E88E5 | #1565C0 | | 2 - Purple | #F3E5F5 | #8E24AA | #6A1B9A | | 3 - Green | #E8F5E9 | #43A047 | #2E7D32 | | 4 - Orange | #FFF3E0 | #FB8C00 | #E65100 | | 5 - Teal | #E0F2F1 | #00897B | #00695C | | 6 - Red | #FFEBEE | #E53935 | #C62828 | | Neutral | #F5F5F5 | #757575 | #424242 |
Figma 다이어그램(흐름도, 의사결정 트리, 시퀀스 다이어그램, 상태 다이어그램, 간트 차트)에 전문적인 색상 테마를 적용합니다. Figma:generate_diagram 도구를 사용하여 다이어그램을 만들 때마다 이 기술을 사용하세요. 명확한 시각적 계층 구조를 위해 상위 분기의 색상군을 상속하는 하위 노드를 사용하여 최상위 분기에 고유한 색상을 자동으로 할당합니다. 출처: stoodiohq/agent-skills.
인용 가능한 정보
AI/검색 인용용 안정적인 필드와 명령어.
- 설치 명령어
npx skills add https://github.com/stoodiohq/agent-skills --skill figma-diagram-design- 카테고리
- *크리에이티브
- 인증됨
- —
- 최초 등록
- 2026-02-01
- 업데이트
- 2026-02-18
빠른 답변
figma-diagram-design이란?
Figma 다이어그램(흐름도, 의사결정 트리, 시퀀스 다이어그램, 상태 다이어그램, 간트 차트)에 전문적인 색상 테마를 적용합니다. Figma:generate_diagram 도구를 사용하여 다이어그램을 만들 때마다 이 기술을 사용하세요. 명확한 시각적 계층 구조를 위해 상위 분기의 색상군을 상속하는 하위 노드를 사용하여 최상위 분기에 고유한 색상을 자동으로 할당합니다. 출처: stoodiohq/agent-skills.
figma-diagram-design 설치 방법은?
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/stoodiohq/agent-skills --skill figma-diagram-design 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code나 Cursor에서 사용할 수 있습니다
소스 저장소는 어디인가요?
https://github.com/stoodiohq/agent-skills
상세
- 카테고리
- *크리에이티브
- 출처
- user
- 최초 등록
- 2026-02-01