"How to Convert Figma Designs into React Native Code" matching MCP connectors:
Matching Connector Tools:
A complete color workflow over MCP: mix, convert, harmonize, measure, and remember palettes.
Share prototypes for team review: publish HTML, reviewers pin notes, pull feedback back to apply.
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.
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.
Browse and install Crucible's animated React components into shadcn-style projects.
Design review for UI code: 258 rules across 9 categories, scored 0-100 with concrete fixes.
Gives AI agents live design-system knowledge: real @marmoui/ui React component APIs, composition patterns, and review_generated_code validation — so agents build working dashboards instead of hallucinating props. Free hosted tier, no signup.
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.
AI-agent design tools: fonts, palettes, color naming & extraction, contrast, code, SVG, CSS.
Official AI-native print-on-demand MCP — say it, AI designs it, sell 40+ goods, earn royalties.
Un-flatten any flat AI design into editable layers, reproduce it bit-perfect, from your agent.
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.
bim.house — words become buildings. Generate BIM, check code & structure, quote materials.
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.
Turn any idea, URL, doc, or PDF into on-brand visuals: 100+ formats, native in 150+ languages
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.