From Figma to a Portable Design Skill

Package your Figma design DNA as a skill any agent can install

design skills generated
Here's what you'll get
Your Figma
#f9f9f9
#000000
#ffffff
Instrument Serif
Space Grotesk · Inter
radius 40px gap 64px
SKILL.md Claude · Cursor · Codex 
# VaporAviator Easel Style

## Color Palette
| Token      | Value     |
| Background | #f9f9f9 |
| Primary    | #000000 |
| Surface    | #ffffff |

## Typography
Heading: Instrument Serif (italic)
Body:    Space Grotesk 400–700

## Geometry
Border radius 40px · Gap 64px

How It Works

01

Paste Figma URL

Drop any Figma file link — we connect to your design system via Figma API.

02

Generate the skill

We extract your visual design DNA — colors, typography, spacing, components — and package it as a portable SKILL.md any agent can install.

03

Download or Publish

Download for Claude Code, Cursor, Codex, Gemini CLI — or publish directly to GitHub and our leaderboard with one click.

Supported Formats

Same design skill, packaged for your workflow. Download the zip and place files in the matching directory.

🌐 Universal SKILL.md Works with any AI tool
Claude Code Claude Code .claude/skills/
Cursor Cursor .cursor/skills/
Codex Codex AGENTS.md
Google Stitch Google Stitch DESIGN.md
AI Studio Lovable Replit
Copy Prompt Paste into any AI