Figma Skills는 AI Design Agent가 특정 맥락에서 어떻게 작동해야 하는지를 안내하는 마크다운 기반 지침입니다. 재사용 가능한 커스텀 프롬프트라고 생각하시면 됩니다. 한 번 작성하면 팀의 규칙, 컴포넌트 규칙, 품질 기준을 인코딩하여 에이전트가 매번 자동으로 이를 따르도록 합니다.
누구나 스킬을 작성할 수 있습니다. 코드 불필요. 플러그인 개발 불필요. API 통합 불필요. 에이전트가 무엇을 해야 하고 어떻게 해야 하는지를 설명하는 마크다운 텍스트만 있으면 됩니다. 스킬은 일반적인 UI를 생성하는 에이전트와 당신 팀의 UI를 생성하는 에이전트 사이의 차이점입니다.
핵심 포인트
스킬은 Design Agent를 일반적인 AI에서 당신 팀의 AI로 바꿔줍니다. 스킬 없이는 에이전트가 기본 규칙을 사용하고 당신의 선호도를 추측합니다. 스킬이 있으면 자동으로 당신의 간격 시스템, 컴포넌트 명명 규칙, 접근성 요구사항, 브랜드 가이드라인을 따릅니다. 3-4개의 스킬을 작성하는 데 30분이면 몇 주간의 에이전트 사용에서 수 시간의 수정 작업을 절약할 수 있습니다.
Figma Skill은 무엇으로 구성되나요?
| 스킬 요소 | 기능 | 예시 |
|---|---|---|
| 이름 (/포함) | 호출하는 방법 | /create-settings-page |
| 목적 | 스킬이 하는 일 (한 문장) | "우리 팀 규칙을 따라 설정 페이지 생성" |
| 단계 | 에이전트가 따르는 순서별 지침 | "1. 각 그룹에 Section Header 사용..." |
| 규칙 | 에이전트가 반드시 따라야 하는 규칙 | "항상 8px 그리드 사용, 절대 위치 지정 사용 금지" |
| 컴포넌트 | 사용할 게시된 컴포넌트 | "부울 설정에는 Toggle/Switch 사용" |
| 변수 | 적용할 디자인 토큰 | "배경에는 color-surface-primary 사용" |
| 금지사항 | 에이전트가 피해야 할 것 | "페이지당 3개 이상의 제목 레벨 사용 금지" |
Figma는 다음을 다루는 9개의 예시 스킬과 함께 출시되었습니다: 컴포넌트 라이브러리 구축, 브리프로부터 새 디자인 생성, 접근성 사양 제작, 다중 에이전트 워크플로 조정, 코드와 디자인 토큰 동기화. figma.com/community/skills에서 살펴보세요. 기본 스킬인 /use-figma는 에이전트에게 Figma가 구조적으로 어떻게 작동하는지에 대한 공통된 이해를 제공합니다. 팀은 여기서부터 커스터마이징합니다.
첫 번째 스킬 작성하기 (예시 포함)
가장 자주 반복하는 디자인 작업부터 시작하세요. 매주 폼 레이아웃을 만든다면 /form-layout 스킬을 작성하세요. 다음은 완전하고 실제적인 예시입니다:
이 스킬은 에이전트에게 당신의 팀이 폼을 어떻게 구축하는지 정확히 알려줍니다. 이것 없이는 에이전트가 Figma의 기본 규칙을 사용합니다. 이것이 있으면 에이전트가 생성하는 모든 폼이 당신의 특정 기준을 따릅니다 — 팀 멤버 간에 일관되고, 프로젝트 간에 일관됩니다.
스킬과 다른 AI 커스텀 지침 비교
스킬은 개념적으로 다른 AI 도구의 커스텀 지침 시스템과 유사합니다:
| 도구 | 커스텀 지침 | 생성 방식 | 공유 가능? |
|---|---|---|---|
| Figma Skills | Design Agent를 안내하는 마크다운 파일 | 팀이 수동으로 작성 | 예 (커뮤니티 라이브러리) |
| ChatGPT 커스텀 지침 | 모든 ChatGPT 응답을 형성하는 텍스트 | 사용자가 수동으로 작성 | 아니오 (개인용만) |
| Claude Code CLAUDE.md | 코딩 에이전트를 위한 프로젝트 레벨 지침 | 팀이 수동으로 작성 | 예 (저장소를 통해) |
| Hermes Agent Skills | 자동 생성되는 재사용 가능한 작업 패턴 | 사용량으로부터 자동 생성 | 예 (스킬 라이브러리) |
핵심 차이점: Hermes Agent는 완료된 작업으로부터 자동으로 스킬을 생성합니다 — 작업하면서 학습합니다. Figma는 수동 스킬 생성이 필요합니다 — 명시적으로 가르쳐야 합니다. Hermes의 접근법은 사용량에 따라 확장되고, Figma의 접근법은 더 많은 제어권을 주지만 사전 투자가 필요합니다. 둘 다 커스텀 지침 없이 도구를 사용하는 것보다 더 나은 AI 결과를 생성합니다.
이 모든 시스템에서 기본 원리는 동일합니다: AI는 당신의 선호도, 규칙, 기준에 대한 명시적 맥락이 있을 때 더 잘 수행됩니다. Figma Skill, ChatGPT 커스텀 지침, 또는 Claude CLAUDE.md 파일을 작성할 때, ICCSSE 프레임워크가 더 나은 지침을 생성합니다. 무료 프롬프트 최적화 도구가 이 구조를 자동으로 적용합니다 — 스킬 초안을 붙여넣으면 더 명확한 버전을 받을 수 있습니다.
모든 디자인 팀에 필수적인 4가지 스킬
1. /form-layout — 팀 전체의 폼 디자인을 표준화합니다. (위 예시 참조.)
2. /page-layout — 페이지 구조 규칙을 정의합니다: 헤더 배치, 사이드바 너비, 콘텐츠 최대 너비, 푸터 구조, 내비게이션 패턴, 반응형 중단점.
3. /component-variant — 기존 시스템과 일치하는 새 컴포넌트 변형을 만드는 방법을 에이전트에게 알려줍니다: 명명 규칙, 상태 정의 (기본, 호버, 활성, 비활성, 오류), 크기 스케일 (sm, md, lg), 문서화 요구사항.
4. /accessibility-check — 접근성 기준을 정의합니다: WCAG 레벨 (AA vs AAA), 최소 터치 타겟 크기, 대비율, 제목 계층 규칙, 필수 ARIA 라벨, 스크린 리더 주석 형식. 자세한 내용은 접근성 사양 가이드를 참조하세요.
자주 묻는 질문
몇 개의 스킬을 만들어야 하나요?
가장 일반적인 디자인 작업을 다루는 3-4개부터 시작하세요: 폼 스킬, 페이지 레이아웃 스킬, 컴포넌트 변형 스킬, 접근성 검사 스킬. 이것들이 일일 디자인 작업의 80%를 커버합니다. 에이전트가 일관되지 않게 처리하는 반복 패턴을 식별하면 더 많은 스킬을 추가하세요.
스킬이 다른 스킬을 호출할 수 있나요?
예 — 스킬은 다른 스킬을 참조할 수 있어 연결된 워크플로를 만들 수 있습니다. /new-feature 스킬은 입력 섹션에 /form-layout을 호출한 다음 규정 준수 검토를 위해 /accessibility-check를 호출할 수 있습니다. 이를 통해 단일 호출로 복잡한 다단계 워크플로를 실행할 수 있습니다.
스킬이 크레딧을 소모하나요?
스킬 자체(마크다운 지침)는 크레딧을 소모하지 않습니다. 스킬이 트리거하는 에이전트 액션(디자인 생성, 컴포넌트 편집)은 일반 요율로 크레딧을 소모합니다. 잘 작성된 스킬은 첫 번째 시도에서 더 나은 결과를 생성하여 실제로 크레딧을 절약할 수 있습니다 — 반복이 적으면 크레딧을 소모하는 재생성도 적어집니다.
Figma 커뮤니티와 스킬을 공유할 수 있나요?
예 — Figma의 커뮤니티 스킬 라이브러리를 통해 스킬을 게시하고 탐색할 수 있습니다. 이는 처음부터 작성하지 않고도 일반적인 패턴(대시보드 레이아웃, 온보딩 플로우, 설정 페이지)에 대해 다른 디자인 팀이 작성한 스킬을 사용할 수 있다는 의미입니다.
스킬은 어디에 저장되나요?
스킬은 Figma 조직 또는 개인 계정과 연결됩니다. 팀 레벨 스킬은 모든 팀 멤버가 접근할 수 있고, 개인 스킬은 본인만 접근할 수 있습니다. 모든 디자이너가 동일한 규칙의 혜택을 받을 수 있도록 가장 중요한 스킬은 팀 레벨에 저장하세요.
공개: 이 글의 일부 링크는 제휴 링크입니다. 저희가 직접 테스트하고 정기적으로 사용하는 도구만 추천합니다. 전체 공개 정책을 참조하세요.