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

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
Reshaped tokens
Sync Reshaped themes from React to Figma
Design to CodeFree
99 likes2.5K uses
CSS color
Generate modern colors and gradients using the power of CSS
Design to CodeFree
195 likes2.4K uses
Generate Palette
Generate a palette of colors using CSS variables.
Design to CodeFree
30 likes2.4K uses
Tailwind Imports
All your config belongs to usThis plugin imports all your Tailwind colors, fonts, grids and shadows…
Design to CodeFree
18 likes2.4K uses
Text/Frame styles css and Vector converter
You can copy styles css, for text or frame, and also convert SVG.
Design to CodeFree
3 likes2.4K uses
Tokens to Tailwind CSS
Generate utility classes for Tailwind CSS from local style of Figma.
Design to CodeFree
45 likes2.4K uses
Base64
Encode selected nodes into Base64 and get code snippets for HTML, CSS, React, SVG, JSON, Data URI
Design to CodeFree
31 likes2.3K uses
Var Colors
Copy colors as CSS or Sass variables directly to your clipboard.
Design to CodeFree
27 likes2.2K uses
Custom CSS Code snippet
Customize CSS Code snippet with optional rules.
Design to CodeFree
17 likes2.1K uses
Figma to React Sprite
Quickly generate valid React/Typescript component from your Figma documents to that uses your sprit…
Design to CodeFree
7 likes2.1K uses
milton
Export Figma designs as responsive HTML for use on web pages.
Design to CodeFree
26 likes2.1K uses
Pixcraft Email
Export responsive HTML email, that works even on Outlook
Design to CodeFree
71 likes2.1K uses
Tailwind Font Sizes
Convert Tailwind Font Sizes to Figma Styles
Design to CodeFree
12 likes2.1K uses
Design Prisma | Styles Inspector | CSS
Inspecting Figma nodes and concert properties to CSS rules
Design to CodeFree
65 likes2K uses
Figma to CSS Evondev
Get CSS of SelectedNode in Figma
Design to CodeFree
56 likes2K uses
Desing to HTML
Your basic design can be exported in HTML format for editing.
Design to CodeFree
11 likes1.9K uses
Theme Buddy for Ant Design
Transfer theme settings from Figma to React by converting Figma variables into a JSON format
Design to CodeFree
53 likes1.9K uses
Aspect
Export designs as React code
Design to CodeFree
26 likes1.8K 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