Convert Figma Variables to CSS, Sass, Tailwind, Json, Javascript (Styled-Components), Less or Stylus
Developer Tools Directory
Discover 830+ developer tools: design-to-code plugins, coding agents, AI frameworks, APIs, hosting and everyday utilities like JSON formatters and UUID generators.
Developer Tools listings
IntroImport a CSS Gradient into Figma with ease.
Turn your Figma designs to code using Claude Sonnet 3.5, GPT 4o. Make your designs functional.
Design to code for . NET
convert figma design to code with detailed code. just select the frame and change to dev mode.
👀 Are you facing these problems?
Transform Figma styles to semantic CSS
Convert Figma designs into HTML and CSS in minutes
Convert your figma designs to full stack working apps - no code.
Design in Figma, Prototype in Replit with AI
Inspect your Figma layers as HTML/CSS, Tailwind, React or Vue code in one click
HTML code for absolute and responsive get started
Quickly turn your Figma designs into React code for production or advanced prototyping.
All in One Figma to React Native plugin.
Convert ANY email design to responsive HTML email that works even on Outlook, in a click.
Single Click Design System-Ready Colors, Button Components and React Code at Your FIngertips!
Convert your design into HTML & CSS. Get a free ultra-modern Strømstik CMS.
Convert any Figma design design to production ready Chakra UI code
export, code, kotlin, code export, design to code, jetpack compose, tool
Simple generator for React Component.
Extremely fast conversion of Figma designs to HTML, CSS, or Tailwind code
Design to Code + All designers tools combined. One plugin you'll ever need.
Translate component variants, properties, and more into dynamic code snippets for your design system
HTML & SASS code generator / fine-tune results / easy to use.
Frequently asked questions
What is included in developer tools?
Design-to-code and handoff plugins, coding assistants and agent frameworks, hosting and deploy tools, APIs and SDKs, and small browser utilities for developers.
Where are MCP servers?
MCP servers have their own directory with client compatibility and GitHub activity. Browse them at /mcp-servers.
Are these tools free?
Many are free or open source. Use the pricing filter to narrow the list.