Generate static HTML code from Figma mocks
Developer Tools Directory
Discover 830+ developer tools: design-to-code plugins, coding agents, AI frameworks, APIs, hosting and everyday utilities like JSON formatters and UUID generators.
Developer Tools listings
Extracts colors, codes, and names from your selection. Lets you export the palette to HTML
Variable Exporter is a plugin that efficiently transforms Figma design tokens and variables into CSS
Bridge Figma design tokens to the Tailwind CSS V4 config for perfect design-to-code harmony
Export color variables to css variables.
Figma to Code DevX
Transform Figma Variables into CSS and JSON objects for AWC
Get layout colors and copy them into CSS, Compose, or XML variables code easily.
Simplifying Figma design to Frontend code
Understand and extract design styles effortlessly, in CSS or Tailwind.
Use AI to turn any Figma design into Shopify-ready Liquid code
Turn any Figma Auto Layout into HTML and CSS (cheaper and quicker than using a developer)
Email html converter
Seamlessly Convert Figma Designs to Production-Level React Code Directly to GitHub PRs
Create Stunning Free QR Codes with Your Brand Logo!
Turn any live website or raw HTML/CSS into fully editable, pixel-perfect Figma components.
Transform multiple frames into animated gif/html banner.
Convert Figma Color Collections to Code (CSS, SCSS or JSON).
Sync Figma Variables to code and auto-create GitHub Pull Requests.
UI design to KSP code in one click. But wait, there's much more.
Smoothly integrate Figma colors into your CSS/SCSS variables.
Export your documents local styles to a Tailwind 3 or 4 theme
Figma to HTML! Generate HTML and download in a few clicks!
Accelerate Your Workflow by Exporting Design Tokens Directly to Code
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.