Figma MCP 서버는 공식 도구(Tool) 외에도, 커뮤니티가 만든 **스킬(Skill)**을 지원합니다.
스킬은 AI에게 "이런 방식으로 작업해"라고 가르치는 마크다운 가이드예요.
코드 없이 누구나 작성 가능하고, 팀만의 워크플로우를 자동화할 수 있습니다.
💡 도구(Tool)는 Figma가 공식 제공하는 기능, 스킬(Skill)은 커뮤니티가 만드는 사용법 레시피입니다.
한 줄 요약
디자인 시스템에 있는 컴포넌트를 조합해서 새 화면을 피그마에 바로 그려줘요.
이럴 때 쓰세요
예시 프롬프트
| 상황 | 프롬프트 |
|---|---|
| 회원가입 화면 | "Header, Input, Button 컴포넌트로 회원가입 페이지를 만들어줘" |
| 대시보드 | "Sidebar, Card, Chart 컴포넌트를 조합해서 관리자 대시보드를 그려줘" |
| 모바일 설정 | "Navigation, Toggle, List 컴포넌트로 모바일 설정 화면 만들어줘" |
| 빈 상태 화면 | "Empty State 컴포넌트와 Button으로 데이터 없음 화면 그려줘" |
만든 사람: Chris Goebel (Edenspiekermann)
한 줄 요약
이미 만들어진 디자인에서 하드코딩된 값을 디자인 시스템 변수로 자동 교체해요.
이럴 때 쓰세요