Convert any website into fully editable Figma designs
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
Import any website or HTML code to Figma editable design. Goodbye screenshots.
Transform any webpages into fully editable Figma design, AI-Generated page also support
Design with your data from Google Sheets, CSV, JSON, Airtable, Notion, or generate using AI
Convert any website into fully editable Figma designs
Website to Figma Design
Export the text layers in the form of an Excel, CSV, JSON document or Copy to Clipboard
Easily map your data and layers together by using the same name.
Automate color styles exportation plugin
Convert any website, HTML,CSS,JS into editable Figma designs with one click. Just 3$/month/unlimited
Use your own real JSON data to populate your text layers.
Allows you to generate fake text (lorem ipsum) using the API of www.
HTML to Figma, Website to Figma, URL to Figma, File to Figma, HTML to Design, Link to Figma
Automate color styles exportation plugin
Effortlessly extract variables from your Figma file to JSON with a single click!
Convert any website into a pixel-perfect Figma design or wireframe
The Universal Figma-to-JSON Bridge for Any LLM & AI Tool.
Convert websites, HTML/CSS, and AI-generated code into fully editable Figma designs
Import real JSON data into Figma, create realistic prototypes, bring designs closer to production.
import your GemDesign-generated HTML prototypes into Figma
Plugin helps to populate dummy content with a production-ready content specified in JSON
Easily export Figma nodes and design data to JSON format
Import, manage and export documentation to Notion, Google Docs, Confluence, HTML, Markdown and JSON
Content filling, Chart tool, integrates Semi DV themes, types, templates, styling, code generation.
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.