Copy text/html data from Figma's clipboard.
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
css tailwind
Tailwindcss theme generator based on your design. Supports Tailwind v4 and v3
No more front-end coding by integrating Figma with React/vue.
Generate plugin and widget source code based on Figma designs
Transform your design into clean & readable & usable React, Vue, and HTML components.
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
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.
A plugin for exporting figma variables to css and ts
Translate Figma documents into HTML templates for Lob!
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.