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

Figma to React Native Variables
Simplify your workflow: Quickly copy Figma variables for use in React Native projects.
Design to CodeFree
5 likes326 uses
Kagami
Generate React Code from Figma Components
Design to CodeFree
3 likes326 uses
ark
Convert Figma's css output into tailwind classes that match our custom theme.
Design to CodeFree
2 likes323 uses
Export Color Variables for Tailwind
Does one thing really well.
Design to CodeFree
4 likes316 uses
Figma Layout Fractions
Easily create responsive layouts with CSS-like fractional units in Figma.
Design to CodeFree
6 likes314 uses
Base64 Encoder
Instantly export, optimise, and convert SVGs to base64 for CSS and HTML 🚀
Design to CodeFree
2 likes311 uses
Radix Custom Color
Import color styles and variables from Radix generated CSS code
Design to CodeFree
8 likes311 uses
CreatoCode Figma to Code: ArtUI,ArtTS,iOS(Objective
Generate code with one click.
Design to CodeFree
8 likes310 uses
ShadCN Exporter
Export semantic variables into ShadCN CSS format locally
Design to CodeFree
19 likes310 uses
Huima
Translate designs into development-ready code at lightning speed
Design to CodeFree
4 likes288 uses
Token
The plugin read elements you select and let you export them into Html with SACSS.
Design to CodeFree
8 likes276 uses
Component Description Enhancer
Create component descriptions in HTML, Markdown, JSON, or YAML
Design to CodeFree
0 likes275 uses
StyleSync
Convert CSS into Local Style
Design to CodeFree
4 likes270 uses
D2Code
Design to code. easily customize conversion rules. Highly reusable code.设计稿转代码。自定义转换规则。代码复用性极高。
Design to CodeFree
2 likes269 uses
HTML Table to Figma Template
From html table to figma
Design to CodeFree
1 likes267 uses
Dola Project Starter
One-click project starter with Tailwind text, shadow, grid styles and pages structure
Design to CodeFree
4 likes261 uses
Universal Design (beta)
Figma to code, your way
Design to CodeFree
13 likes260 uses
Figma Variables to CSS
Export your Figma variables to CSS across all collections, with aliases or resolved to hexes
Design to CodeFree
4 likes256 uses
Eternal Variable Export
Export external library variables & styles, local variables & styles to css variables
Design to CodeFree
4 likes250 uses
Style Converter
Convert your Figma styles into CSS variables
Design to CodeFree
7 likes250 uses
tw
Bring your color systems from Figma to Tailwind in one click!
Design to CodeFree
7 likes250 uses
CSS Color Extrator
Extrae la paleta de colores de un sitio web
Design to CodeFree
4 likes249 uses
F tailwind
AI-powered tool.
Design to CodeFree
2 likes246 uses
Modeinspect
Modeinspect Figma to code
Design to CodeFree
0 likes243 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