Explore

Design, implement, review, or refactor native macOS 27 Golden Gate interfaces in SwiftUI or AppKit. Use when a Mac app must match Apple''s current macOS 27 UI kit and restrained Liquid Glass language:

Official·Skill·MIT·★ 40k in collection·No key

Gives agents Figma file layout and style data so they can build code that matches a design.

Node.js·MIT·★ 16k·Needs Figma

Your design system as an API. Connect AI to Figma for extraction, creation, and debugging.

Node.js·MIT·★ 2.5k·No key

Turn Claude into a senior design architect: DTCG tokens, 52 components, WCAG 2.2 AA-AAA, 138 design systems, any-framework code, and 50 objective gates that fail the build instead of faking success.

Skill·MIT·★ 2.0k·No key

Extract any website’s design system into tokens in seconds: logo, colors, typography, borders & more. One command.

Node.js·MIT·★ 3.7k·No key

Free, two-way Figma MCP server. Turn designs into framework-aware code, and push code back to the canvas. Works with Claude Code, Cursor, Codex, and any MCP client.

Skill·MIT·★ 1.1k·No key

Local Figma MCP server with no REST rate limits, no metered tool-call quotas, and a verification loop. Drop-in alternative to Figma's Dev Mode MCP and Framelink for Claude Code, Cursor, Windsurf — wor

Node.js·MIT·★ 82·No key

A Model Context Protocol (MCP) that allows Claude Desktop and other AI tools (Claude Code, Cursor, Antigravity, etc.) to read, analyze, and modify Figma designs

Node.js·MIT·★ 672·No key

Inspect, build, or extend Figma design systems from Claude Code. Read-only audits with WCAG checks and component scoring, build mode with variable bindings and slots, optional Phase 6 sync to tokens.c

Skill·MIT·★ 53·No key

Design system guardian for code. Anchors to design system, catches drift in React/Vue/Tailwind, reviews PRs automatically. Free for open source.

Node.js·MIT·★ 20·No key

Local Figma MCP server: turn Figma frames into Flutter and React code, and design in Figma, from Claude Code or Cursor. No API limits.

Node.js·MIT·Few stars·No key

Figma Plugin & MCP server to bypass API limits

Skill·MIT·★ 761·No key

AI can draw UI directly on the Figma canvas via JavaScript, and read existing designs back as structured data. Works with Claude Code, Cursor, VS Code, and Windsurf. No API KEY required.

Node.js·MIT·★ 264·No key

AI-agent skill for creating, auditing, and maintaining Penpot design systems, prototypes, tokens, and design-to-code workflows via the official Penpot MCP Server.

Skill·MIT·★ 28·No key

Caret — a design canvas over your real code. Click a headline and retype it, pick a colour, drag an edge: every change lands in your source files. Free, open source, runs on your machine.

Skill·Apache-2.0·★ 37·No key

Turn Claude Design and HTML into editable Figma layers (Auto Layout, your Design System components), and Figma frames into code with your own React components. MCP server + Figma plugin for Claude Cod

Node.js·MIT·★ 9·No key

Your coding agent designs terrible UI. stitch-kit wires it into Google Stitch MCP and teaches it the whole pipeline — ideation, screen generation, design systems, production components.

Node.js·Apache-2.0·★ 45·No key

F2C MCP Server

Node.js·MIT·★ 411·No key

Buildev — Open-source AI-native design-to-code platform. Visual canvas + IDE mode, multi-framework code export (React, Vue, Flutter, SwiftUI, etc.), concurrent AI agents, MCP server, and Git integrati

Skill·MIT·★ 3·Few stars·No key

Persistent architecture memory for AI coding agents via MCP. Design or reverse-engineer software architecture, explore ERDs and data lineage, and keep processor transformations aligned with code. Incl

Skill·MIT·★ 13·No key

Playground repo for designers learning AI design system workflows: a small, real design system on Base UI and React, in Storybook and mirrored to Figma.

Skill·MIT·★ 18·No key

MCP server that lets your AI assistant read and write Figma in real time — no API token, no rate limits. Works with Claude, Cursor, Copilot, Codex and any MCP client.

Go·MIT·★ 13·No key