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

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
Blocksfabrik
Upgrade Design. Code Less. Build More Product.
Design to CodeFree
39 likes2.9K uses
Adee
Unlock Accessibility with AI : Automated Design Testing & Code Generation by Adee
Design to CodeFree
58 likes2.7K uses
Theme Importer for Visual Studio Code
Import Visual Studio Code themes as Figma Variables to design efficiently.
Design to CodeFree
103 likes2.7K uses
CSS variables import/export
Copy, paste, import, export CSS and Figma variables
Design to CodeFree
82 likes2.6K uses
Superfun!
Masterfully Address Design-to-Code Challenges Supports HTML, React, Vue, Svelte and Tailwind.
Design to CodeFree
153 likes2.6K uses
FRONT
FRONT-END.AI — From Figma to semantic HTML with the power of Generative AI
Design to CodeFree
72 likes2.5K 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