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

OROR Forge (BETA)
design to code
Design to CodeFree
43 likes4.1K uses
Variables to CSS
Export CSS variables form figma variables
Design to CodeFree
61 likes4.1K uses
Variables & Styles List for Devs
Figma Plugin that lists all local variables as css variables.
Design to CodeFree
23 likes4K uses
Flock Figma to React Component
Use Figma to generate React components in Flock style.
Design to CodeFree
3 likes3.9K uses
HTML Banner Template Generator
Create html banner templates quickly and simply
Design to CodeFree
24 likes3.9K uses
Codigma Figma to Code, Generate React, Flutter, Angular, Vue.js, HTML/CSS & More
Convert Figma to React, Angular, Flutter & More — Clean Code in Seconds with AI - Code Generator
Design to CodeFree
84 likes3.8K uses
SVG to Code : React Component
Instant SVG to React Code in Dev Mode
Design to CodeFree
138 likes3.8K uses
Token
The plugin read elements you select and let you export them into Html with SACSS.
Design to CodeFree
48 likes3.8K uses
TailwindCSS Config Generator for Flowbite
Export Variables and Styles from Figma to TailwindCSS (v3 and v4) configs & standard css variables.
Design to CodeFree
17 likes3.7K uses
Bricks
Bricks is an open source design to code tool built by developers for developers
Design to CodeFree
90 likes3.6K uses
CSS Importer
Import CSS to update layer style. CSS 导入。
Design to CodeFree
23 likes3.6K uses
Figma to Handoff
With the Figma to Handoff, you can quickly convert your designs to HTML, CSS and Vue code.
Design to CodeFree
48 likes3.6K uses
Seal
[Free][Anonymous] Export Figma to React, React Native, Vue, WeChat mini-programs, HTML
Design to CodeFree
205 likes3.6K uses
SVG to Code
Exports vectors and svg to custom code (like JSX)
Design to CodeFree
27 likes3.6K uses
uipkg
Supercharge your frontend development by creating React components from your design.
Design to CodeFree
82 likes3.6K uses
Figgy
Convert design to React Elements & CSS directly in your code editor
Design to CodeFree
30 likes3.5K uses
figma codegen
Transform design into code with AI—Figma CodeGen & ChatGPT-4!
Design to CodeFree
12 likes3.5K uses
LiveDesign
Figma to Tailwind
Design to CodeFree
45 likes3.5K uses
Telior
⚡️Instantly transform your design into developer-friendly code.
Design to CodeFree
100 likes3.5K uses
⚙️ DevFactory
Bring your designs to life with code
Design to CodeFree
59 likes3.4K uses
Figma drop and inner shadow to CSS box shadow
Generate any figma Inner and drop shadow to css box-shadow code.
Design to CodeFree
42 likes3.4K uses
F2C
Figma to Code D2C AI React RN Vue HTML
Design to CodeFree
209 likes3.2K uses
global style to code
'Global Style To Code' enables developers to quickly convert global styles to code.
Design to CodeFree
48 likes3.2K uses
Figma To Code Mod [HTML, Flutter, SwiftUI]
Figma To Code Generator [HTML, Flutter, SwiftUI]
Design to CodeFree
4 likes3K 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