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.

Developer Tools Directory - 830+ Developer tools, APIs and design-to-code

CodeTea
Design Figma Instantly from Prompts – AI-Powered Plugin for Effortless UI Creation
Design to CodeFree
11 likes623 uses
Crucius
Transform any Figma layer like you have real CSS
Design to CodeFree
7 likes621 uses
Copy text with HTML tags
Easily transform Figma text into plug-and-play styled text for your next project's code base
Design to CodeFree
13 likes607 uses
Figma to Svelte
Generate clean Svelte code from your Figma files, fully integrated with the Deskblocks design system
Design to CodeFree
16 likes601 uses
DBuilder Email
Builds html emails automatically with just a single click - using the DEmail Builder.
Design to CodeFree
14 likes597 uses
CSS Generator
Convert Figma Elements to CSS Instantly
Design to CodeFree
4 likes577 uses
Figma to HTML By Brokenatom
Generates HTML of Selected Frame.
Design to CodeFree
1 likes563 uses
tailwind
codegen
Design to CodeFree
1 likes563 uses
Variables to CSS/SCSS
This plugin was created to deliver the Variables specified by the designer to SCSS format.
Design to CodeFree
31 likes561 uses
Polipo
Complex designs, happy developers — Implement it in few lines of code. Keep it synced, in real-time.
Design to CodeFree
14 likes557 uses
Tokeno
Tokeno: Bridging Design and Code Seamlessly.
Design to CodeFree
31 likes550 uses
Local Variables to Tailwind & CSS
Export Your Color Tokens to Tailwind Config and CSS Variables Effortlessly
Design to CodeFree
6 likes534 uses
Style Reptile: Figma to CSS Extractor
Generate CSS styles from Figma styles and variables in adaptive way
Design to CodeFree
16 likes528 uses
to
Simple design to react code
Design to CodeFree
6 likes525 uses
Tailwind Color Variables
Add Tailwind color palettes with a single click
Design to CodeFree
8 likes515 uses
Hubannero
Export HTML/MP4/GIF banners from Figma in one click - fast, clean, and ready to publish!
Design to CodeFree
19 likes509 uses
WaveMaker AutoCode
Convert Figma Designs that use popular UI Kits such as Material 3.0 into Angular code.
Design to CodeFree
27 likes505 uses
Hex2Tailwind
Effortlessly select and convert colors to Tailwind's versatile color palette with Hex2Tailwind.
Design to CodeFree
8 likes503 uses
Variables to styled
Export your local variables to CSS custom properties inside styled-components GlobalStyle
Design to CodeFree
5 likes502 uses
Design System Token Manager
Manage your Design System Tokens by Code and Sync with Figma
Design to CodeFree
1 likes491 uses
Zan Design Code
AI-powered tool.
Design to CodeFree
5 likes490 uses
WeWeb
Convert your design into a Web App, using no-code and AI.
Design to CodeFree
7 likes484 uses
Tailwind CSS v4 variables to Figma
Import your Tailwind v4 config CSS variables in Figma as variables or styles
Design to CodeFree
8 likes475 uses
Color Code Extractor
Extract and copy all the color codes from your design with a single click
Design to CodeFree
6 likes474 uses

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.

Other directoriesMCP Servers AI Agents Figma Plugins Design Tools AI Tools Marketing Tools

Developer Tools listings

Frequently asked questions