Transform your design into clean & readable & usable React, Vue, and HTML components.
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
Copy CSS quickly. 快速查看标注。
Browse and search all the CSS custom properties for plugin and widget UIs in real time.
Create a highly customizable design system, backed by code.
Export Figma Variables to JSON, JS, CSV or CSS (also Tailwind CSS)
A very simple tool to make a selection in Figma and copy the fill colors to a coding language.
From Design to Code with AI Magic
Powerful and intuitive Figma plugin that allows you to generate React Native code .
Build color palette from hex colors in tailwind format
Ready-to-use Tailwind CSS blocks — Compatible with Figma to Tailwind AI Plugin
To transform theme values(etc.
Ecosystem for adding theme support to your designs and code
Quickly turn a screenshot of a website into usable code
Generate font sizes and font styles using the default Tailwind CSS font scale.
Free AI Figma to Code Converter - Export to Webflow, Elementor, Bricks, and More
Generate code from Figma designs
A quick plugin that generates css global styles for you so you dont end up in copy-pasta hell.
Generate beautiful animated or grainy mesh gradients exported to CSS.
AI-Powered React Code Generation for Ant Design Components
A plugin for exporting figma variables to css and ts
Translate Figma documents into HTML templates for Lob!
Manage your copy in design and code
Import/Export your figma variables to simple CSS variables
Create Tailwind CSS Variables & Styles - 100% Free
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.