Convert any figma solid and gradient to css background.
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
A more controllable style export tool.
Convert variables to CSS, JavaScript and JSON. 转换变量成 CSS, JavaScript 和 JSON。
A utility tool for importing and exporting variables between CSS and Figma.
Elevate Your Designs: Easily Convert Design Tokens to SASS/CSS Variables with Progress ThemeBuilder
Ruyi Design Assistant helps you use React component libraries and Design Tokens for design.
Get the value for CSS color keywords in Figma.
Focus CSS makes viewing CSS in Figma more convenient and helps you spot inconsistent styling.
React-native codegen that just works.
A Figma plugin that lets you easily optimize and transform multiple SVG files into JSX components
AI-powered tool.
Monday Hero: Convert Figma design to code
This plugin converts color tokens to code.
Turn Code & Elements into Figma Design Systems
Export component libraries of any size into cloud accessible assets in json format, svg quick copy…
Kiwiui Export your Figma Desing to React , Angular , VueJsKiwiui is a specialized tool to generate…
Export styles from OutSystems UI Kit to CSS.
Convert Bootstrap 5 designs to React-Bootstrap components effortlessly. Design-to-code in 1 click!
design to code
Export CSS variables form figma variables
Figma Plugin that lists all local variables as css variables.
Use Figma to generate React components in Flock style.
Create html banner templates quickly and simply
Convert Figma to React, Angular, Flutter & More — Clean Code in Seconds with AI - Code Generator
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.