Skip to main content
AllToolsDirectoryAllToolsDirectoryAllToolsDirectory
Submit Tool
Category

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

312 of 830 developer tools · page 5 of 13

Clear filters

  • html

    html-to-figma-auto-layout DEV-plugin

    Design to CodeFree
    16 likes5.8K uses

  • Mermaid to FigJam

    Seamlessly convert between Mermaid code and FigJam diagrams. Code to visual, visual to code.

    Design to CodeFree
    67 likes5.7K uses

  • PlatUI

    AI powered Figma to Code in One Click (Flutter, HTML/CSS, React Js and React Native)

    Design to CodeFree
    91 likes5.6K uses

  • Figma To HTML

    Figma to HTML! Generate HTML and download in a few clicks!

    Design to CodeFree
    13 likes5.5K uses

  • Tailwind CSS Styles Generator

    Generate all the Tailwind CSS text, color and shadow styles right into your design panel, created f…

    Design to CodeFree
    76 likes5.5K uses

  • Figma Color Manager

    A plugin to sync the colors from the codebase and the design files, the easy way!

    Design to CodeFree
    162 likes5.4K uses

  • CSS Exporter

    A more controllable style export tool.

    Design to CodeFree
    44 likes5.3K uses

  • Variables Tools

    Convert variables to CSS, JavaScript and JSON. 转换变量成 CSS, JavaScript 和 JSON。

    Design to CodeFree
    5 likes5.3K uses

  • CSS Variables

    A utility tool for importing and exporting variables between CSS and Figma.

    Design to CodeFree
    50 likes5.1K uses

  • Progress ThemeBuilder

    Elevate Your Designs: Easily Convert Design Tokens to SASS/CSS Variables with Progress ThemeBuilder

    Design to CodeFree
    69 likes5.1K uses

  • Ruyi Design Assistant

    Ruyi Design Assistant helps you use React component libraries and Design Tokens for design.

    Design to CodeFree
    253 likes5.1K uses

  • CSS Colors

    Get the value for CSS color keywords in Figma.

    Design to CodeFree
    33 likes5K uses

  • Focus CSS

    Focus CSS makes viewing CSS in Figma more convenient and helps you spot inconsistent styling.

    Design to CodeFree
    106 likes5K uses

  • React Native

    React-native codegen that just works.

    Design to CodeFree
    21 likes4.9K uses

  • SVG to React / Native / SolidJS

    A Figma plugin that lets you easily optimize and transform multiple SVG files into JSX components

    Design to CodeFree
    79 likes4.9K uses

  • FigmaToCode

    AI-powered tool.

    Design to CodeFree
    8 likes4.8K uses

  • Colors to Code

    This plugin converts color tokens to code.

    Design to CodeFree
    61 likes4.7K uses

  • Component Exporter

    Export component libraries of any size into cloud accessible assets in json format, svg quick copy…

    Design to CodeFree
    74 likes4.6K uses

  • Kiwi.ui Generate Figma to Front

    Kiwiui Export your Figma Desing to React , Angular , VueJsKiwiui is a specialized tool to generate…

    Design to CodeFree
    21 likes4.6K uses

  • OutSystems UI Plugin

    Export styles from OutSystems UI Kit to CSS.

    Design to CodeFree
    88 likes4.6K 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 ServersAI AgentsFigma PluginsDesign ToolsAI ToolsMarketing Tools