“Figma”

This skill is required to create, read, edit, review, or comment on Figma specs.

SwiftUI ↔ Figma translation.

Use this skill alongside figma-use when the task involves translating an application page, view, or multi-section layout into Figma.

Export files, access design data, manage projects, comments, and team assets

Bidirectional Figma MCP — AI draws UI on Figma canvas, reads designs back

The Figma MCP server brings Figma design context directly into your AI workflow.

AI Pundit Magic - Design to Code | Figma to Code

Wai Technologies

AI Pundit Magic offers features such as Design to Code, Pundit Toolbox, Code Editor, request history management, and chat.

Kombai - Your AI design engineer

kombai

Ship standout websites and product frontends.

Builder

Builder.io

Visual AI Code Editor

Color wheel for picking complementary, triadic and other color schemes.

Checks the contrast ratio of two colors against WCAG AA and AAA thresholds.

Generates color palettes from a starting color.

CLAUDE.md from GLips/Figma-Context-MCP: 180 lines covering Build & Development Commands, Architecture, Philosophy, Token Efficiency and more.

CLAUDE.md from heroui-inc/heroui: 882 lines covering Repository Overview, Development Commands, Git Commit Convention, Repository Architecture and more.

CLAUDE.md from anyproto/anytype-ts: 401 lines covering Development Commands, Architecture Overview, Development Workflow, Directory Documentation and more.