Translate Figma color styles to css/scss variables and back
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
Now, In Figma Create shades with ease & Get CSS or Tailwind code !!
Plugin will Generate Color for 3 platform and 1 JsoniOS -> color.
Easily apply CSS styles to your objects, layers and frames
Convert Figma design to css and html code for frontend development
Style Station Plugin plugin can take your SASS or LESS files with CSS rules and create the same sty…
Converts saved text and color styles into a format ready for use with Tailwindcss.
Map and Export your Design to Composables
Unofficial Stitches Plugin that converts Figma styles to Stitches configForked from Figma to Tailwi…
Convert Figma elements to HTML/CSS, with download
Tailwind for Figma
Generate Vue, React and Laravel i18n strings based on key name
Seamlessly Convert Figma Designs into Shadcn/UI Components through AI-Driven Code Generation
Plugin for creating HTML emails from predefined blocks
Code your design!
Dig out patterns from production HTML; enter a URL and Pickaxe fetches visual patterns from a websi…
Export your design to code - High quality responsive HTML / CSS / SCSS
Attach & transform designs with semantic HTML, ensuring accessibility & seamless dev handoff.
Import and export design tokens between Figma Variables and standard formats like JSON and CSS.
Figma's Color & Shadow Helpe
Export your components and design system to Frontdrop, integrate the generated code into your web a…
Figma Design to React Code Automation
Variables to Tailwind in one click
Export Figma variables to CSS and deploy directly to Git for seamless design–code collaboration
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.