"How to Convert Figma Designs to Code" matching MCP connectors:
Matching Connector Tools:
A complete color workflow over MCP: mix, convert, harmonize, measure, and remember palettes.
rnv-color-mcp, a hosted color-workflow MCP server (Python, Streamable HTTP). Tools: mix (including Kubelka-Munk paint physics), convert between formats, generate harmonies, transform text case, and save/list/get named palettes. It resolves hex / CSS / custom brand color names and refuses unknown colors rather than guessing.
AI-agent design tools: fonts, font recognition, palettes, color naming, contrast, code, SVG, CSS.
Design review for UI code: 291 rules, scored 0-100 with fixes and git-applyable patches.
Build a landing page from a short brief in your IDE chat and deploy it to Layero — 5 design systems × 6 structures, form submissions wired to Telegram or Google Sheets. Servers and CDN inside Russia, so pages load fast for Russian users without a VPN. Works in Claude Code, Cursor and Codex. Not to be confused with Layer0 / Edgio, or with layero.com — unrelated products.
Live React design-system APIs, patterns, and code validation so AI agents build real UI, not slop.
x402-paid tools: text to 3D-printable STL, web search, and search+read. USDC on Base.
Anti-slop design taste for AI coding agents: art directions, section code, 0-100 page critic.
Official AI-native print-on-demand MCP — say it, AI designs it, sell 40+ goods, earn royalties.
Colour intelligence API with 23,000+ historically grounded colours across 59 archives. Maps hex values to named archive colours with provenance, cultural risk, WCAG accessibility, and brand palette analysis.
Evaluates UI designs for WCAG accessibility issues automated scanners miss. Paid via x402 on Base.
Provides UX capabilities to enhance the design output and understanding of AI systems.
Share prototypes for team review: publish HTML, reviewers pin notes, pull feedback back to apply.
Intelligent product canvas with context and taste — connect your coding agent to iterate on your product's design, from sweeping new flows down to surgical tweaks, and sync it back to your code.
Build and manage your design system with AI: tokens, themes, components, icons, Figma and code.
Official hosted MCP server for Variant. Enables AI agents to create, edit, preview, brand, and export HTML-native presentation decks.
Meepo MCP Server connects AI agents to a professional design platform. Generate Instagram posts, LinkedIn carousels, TikTok videos, brand assets, and multi-slide campaigns — all through natural language tool calls. What agents can do: Create designs (social media, marketing, brand assets) in any format/ratio Manage multiple brand profiles (colors, fonts, logos, tone of voice) Generate AI videos and UGC-style content Run Campaign AI — one prompt generates 20+ campaign concepts Schedule and auto
Search and browse the EpicPxls design-asset marketplace — 65K+ UI kits, fonts, mockups, icons, and templates with commercial licenses and editable Figma/Sketch/PSD source files. Read-only, no auth: search items, get item details, list categories, fetch free assets, and extract color palettes.