Designxcode

What it does

Design systems break silently - tokens drift, components go missing, handoffs fall apart. Designxcode is a free, open-source MCP server that plugs into Claude AI to give you full control over your design system's health. Ask Claude "How in sync is our design system?" and get a 0-100 health score. Detect token drift, find missing components, sync tokens to CSS/SCSS/Tailwind/Swift/Kotlin, generate React code from Figma, and auto-create GitHub PRs to fix everything - all through natural language.

An MCP server for Claude that extracts design tokens, audits drift, and creates PRs to keep your Figma design system and codebase perfectly in sync.

An MCP server for Claude that extracts tokens, audits drift, and creates PRs - no coding required. Ask Claude in plain English. DesignxCode handles the Figma API, token diffing, code generation, and GitHub PRs. Point at any Figma frame. Get React code where every value is cross-referenced against your design system. The mapping report proves it. Point at any Figma frame. Get React code cross-referenced against your design system. Tokens drift, components go missing, handoffs get lost. These are the problems teams ignore until it's too late. Design tokens live in spreadsheets, Figma, and code - all different. DesignxCode makes Figma the source of truth. Hard to track which Figma components…from designxcode.in

• 
  Figma Tokens Sync for Ant Design System2023 · antforfigma.com · ▲125

  Synchronize Figma Tokens with Ant Design React project

• 
  Figma AI2024 · figma.com · ▲1,083

  Your creativity, unblocked

• 
  Figma for AgentsApr 2026 · figma.com · ▲580

  Design with AI agents, connected to your design system

• 
  Ant Design System for Figma2019 · antforfigma.com · ▲315

  A large library of 2100+ handcrafted UI components

• 
  Figr AIFeb 2026 · figr.design · ▲503

  Built Figr AI because I got tired of AI builder tools market themselves as design tools and end up skipping the hard part. Every tool I tried would jump straight to screens. But that's not how product design actually works. You don't just design screens. You think through the problem first. The flows, the edge cases, the user journey, where people will get stuck. Then the design comes finally. Figr does that thinking layer first. It parses your existing product via a chrome extension or takes in screen-records, then works through the problem with you before designing. Surfaces edge cases,…

• 
  Design System in Figma by Design+Code2018 · designcode.io · ▲494

  Guide to designing a site using a design system by Meng To

• 
  /dev/null▲486

  a social network for devs

  Dev tools · 3d ago · dev-null.sh

• 
  Whiteboard (YC W26) – an open-source IDE for thoughtful software design▲423

  open-source IDE for thoughtful software design. Contribute to devdotfast/whiteboard development by creating an account on GitHub.

  Dev tools · 28d ago · github.com

• 
  Reladraw – A diagram language where you decide where to place things▲411

  Contribute to reladraw/reladraw development by creating an account on GitHub.

  Dev tools · 26d ago · github.com

• 
  OpenBot▲362

  Grok Bot alternative: free, local, open-source, multiplayer

  Dev tools · 23d ago · openbot.run

• 
  Talanoa▲346

  Hi HN, I’m a fullstack developer, and honestly, I’ve lost count of how many side projects I’ve worked on over the years. But one idea kept coming back to me: a different kind of email client. It first came to me in 2014: “What if we could handle emails more like conversations?” Every year, I’d revisit this concept in my “Build Notes.” Ten years later, no one had built exactly what I had in mind — so I finally decided to do it myself. That’s how Talanoa was born. I wanted something focused on people, not timelines. I was tired of marking messages as unread just to remember to reply later, or…

  Dev tools · 21d ago · talanoa.email

• 
  CoreSpeed▲332

  One MCP for everything your agents need: apps, memory, tools

  Dev tools · 28d ago · corespeed.io

• 
  Lightfield▲901

  AI-native CRM that builds itself and does work for you

  AI · Mar 2026 · lightfield.app

• 
  Tobira.ai▲728

  A network where AI agents find deals for their humans

  AI · Mar 2026 · tobira.ai

• 
  Claude Import Memory▲716

  Switch from ChatGPT to Claude with import memory feature

  AI · Mar 2026 · claude.com

• 
  Littlebird▲709

  Littlebird remembers everything across your meetings, messages, docs, and apps, then takes action so you can recall any detail and never lose context.

  AI · Mar 2026 · littlebird.ai

• 
  Viktor.com▲702

  Your AI Coworker that proactively executes tasks

  AI · Mar 2026 · viktor.com

• 
  Jupid▲659

  File your taxes with Claude Code

  Commerce · Mar 2026 · jupid.com