Figma MCP 서버는 공식 도구(Tool) 외에도, 커뮤니티가 만든 **스킬(Skill)**을 지원합니다.

스킬은 AI에게 "이런 방식으로 작업해"라고 가르치는 마크다운 가이드예요.

코드 없이 누구나 작성 가능하고, 팀만의 워크플로우를 자동화할 수 있습니다.

💡 도구(Tool)는 Figma가 공식 제공하는 기능, 스킬(Skill)은 커뮤니티가 만드는 사용법 레시피입니다.


1. /figma-generate-design — 기존 컴포넌트로 새 화면 생성

한 줄 요약

디자인 시스템에 있는 컴포넌트를 조합해서 새 화면을 피그마에 바로 그려줘요.

이럴 때 쓰세요

예시 프롬프트

상황 프롬프트
회원가입 화면 "Header, Input, Button 컴포넌트로 회원가입 페이지를 만들어줘"
대시보드 "Sidebar, Card, Chart 컴포넌트를 조합해서 관리자 대시보드를 그려줘"
모바일 설정 "Navigation, Toggle, List 컴포넌트로 모바일 설정 화면 만들어줘"
빈 상태 화면 "Empty State 컴포넌트와 Button으로 데이터 없음 화면 그려줘"

2. /apply-design-system — 기존 디자인에 시스템 일괄 적용

만든 사람: Chris Goebel (Edenspiekermann)

한 줄 요약

이미 만들어진 디자인에서 하드코딩된 값을 디자인 시스템 변수로 자동 교체해요.

이럴 때 쓰세요