figma

awesome-design-md

+1.3k

A collection of DESIGN.md files analysis by popular brand design systems. Drop one into your project and let coding agents generate a matching UI.

ux-ui-agent-skills

+227

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.

lucide

+148

Beautiful & consistent icon toolkit made by the community. Open-source project and a fork of Feather Icons.

figwright

+67

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.

design-extract

+85

Extract any website's complete design system with one command. DTCG tokens, semantic+primitive+composite, MCP server for Claude Code/Cursor/Windsurf, multi-platform emitters (iOS SwiftUI, Android Compose, Flutter, WordPress), Tailwind v4, Figma variables, shadcn/ui, CSS health audit, WCAG remediation, Chrome extension. MIT, Playwright, Node 20+.

Figma-Context-MCP

+50

MCP server to provide Figma layout information to AI coding agents like Cursor

figma-console-mcp

+37

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

onlook

+46

The Developer Tool for Visual Engineers • An Open-Source AI-First Design tool • Visually build, style, and edit your code with AI • World's best, top-most agent recommended #1 Developer tool for Designers and Visual Engineers to design with Real Code.

dicebear

+38

DiceBear is an avatar library for designers and developers. 🌍