Launching today
Design Skills Hub
Turn your Figma design system into AI skills in seconds
4 followers
Turn your Figma design system into AI skills in seconds
4 followers
Paste a Figma URL → we extract your design system (colors, type, spacing) → download a skill file that Claude Code, Google stitch, Cursor, Codex, Gemini CLI and 10+ AI tools actually follow. No more off-brand AI-generated UI. Your design system, their instructions.
Hey PH! 👋
I run a design studio in NYC, and this tool came from a frustration I couldn't ignore anymore:
AI coding agents are incredible at writing code. But when they touch UI? They butcher it. Every. Single. Time.
Wrong brand colors. Random font sizes. Spacing that screams "a robot made this." And it's not the AI's fault — it literally has no idea what your design system looks like. Your tokens live in Figma. Your AI lives in a terminal. They've never met.
**Design Skills Hub is the introduction.**
Here's the whole flow:
→ Paste your Figma file URL on our homepage
→ One-click OAuth (we only read)
→ Download for your tool. Universal works everywhere. Or grab the Claude Code / Google Stitch / Cursor / Codex / Gemini CLI specific package and prompt.
This isn't a style guide PDF that gets bookmarked and forgotten. It's machine-readable design DNA that your AI agent executes precisely. → We rip through your file and extract everything — colors classified by role (primary, accent, semantic), full typography scale, spacing system, border radii, shadows, gradients and generate actual instructions: "Always use #2563EB for primary CTAs."
**Why ship this now?**
This week, Google Stitch validated our core thesis. Their major update introduces DESIGN.md, a standardized markdown file that captures design system rules for AI tools.
Last week, Google published "5 Agent Skill Design Patterns" — it blew up (750K impressions). Anthropic shared how they use skills internally for Claude Code. GitHub Copilot just shipped agentic capabilities to GA with MCP support. 30+ AI tools now read the same SKILL.md format.
The skill ecosystem is ready. Design just wasn't part of it yet.
Now it is.
Try it: https://designskills.xyz — paste your Figma URL and see what comes out. I'd love to hear what you think, especially if your AI agents have been mangling your brand. 🎨