Product Hunt logo dark
  • Launches
    Coming soon
    Upcoming launches to watch
    Launch archive
    Most-loved launches by the community
    Launch Guide
    Checklists and pro tips for launching
  • Products
  • News
    Newsletter
    The best of Product Hunt, every day
    Stories
    Tech news, interviews, and tips from makers
    Changelog
    New Product Hunt features and releases
  • Forums
    Forums
    Ask questions, find support, and connect
    Streaks
    The most active community members
    Events
    Meet others online and in-person
  • Advertise
Subscribe
Sign in
Subscribe
Sign in
Figma to Code

Figma to Code

Generate responsive pages/apps from Figma designs

24 followers

Generate responsive pages/apps from Figma designs

24 followers

Visit website
Figma Plugins
Design to Code trend is getting bigger and bigger and plugins like Figma to Code are definitely useful. Figma To Code allows you to generate responsive pages/apps on Tailwind, Flutter & SwiftUI from your Figma designs.
  • Overview
  • Launches1
  • Reviews
  • Alternatives
  • Team
  • Awards
  • More
Company Info
github.com/bernaferrari/FigmaToCodeGitHub
Figma to Code Info
Launched in 2020View 1 launch
Forum
p/figma-to-code
  • Blog
  • •
  • Newsletter
  • •
  • Questions
  • •
  • Forums
  • •
  • Product Categories
  • •
  • Apps
  • •
  • About
  • •
  • FAQ
  • •
  • Terms
  • •
  • Privacy and Cookies
  • •
  • X.com
  • •
  • Facebook
  • •
  • Instagram
  • •
  • LinkedIn
  • •
  • YouTube
  • •
  • Advertise
© 2025 Product Hunt
SocialX

Similar Products

Framer
Framer
Design and ship your dream site with zero code
4.8(315 reviews)
Website buildersNo-code platforms
Anima App
Anima App
Design to Code, Automated
4.5(20 reviews)
Code editorsFigma Plugins
Sketch
Sketch
Everything you need to design, collab, prototype and handoff
4.6(53 reviews)
Interface design toolsGraphic design tools
Design+Code
We teach designers code & developers design.
Design & CreativeOnline learning
questAI
questAI
Build web apps faster than ever
4.8(19 reviews)
Website buildersNo-code platforms
View more
Figma to Code gallery image
Figma to Code gallery image
Launch tags:
Design Tools•Open Source•Developer Tools
Launch Team
Alexandre MouriecBernardo Ferrari

What do you think? …

Bernardo Ferrari
Bernardo Ferrari
Cash Balancer

Cash Balancer

Maker
Author here. The biggest difference from other similar tools is: - Openess: I couldn't find any Figma design design to code tool with the code open sourced. - Flexibility: this goes beyond a simple conversion and has many over engineered stuff (check the README) - Extensibility: I added SwiftUI in 3 days. Languages should work like modules that can be plugged.
Report
5yr ago
Tristan Pollock
Tristan Pollock
CTO.ai

CTO.ai

Veryyy interestinggg
Report
5yr ago
Firas Almohasen
Firas Almohasen
Looking forward to your work! I think it will have a bigger impact than people now expect.
Report
5yr ago
Appwrite
Appwrite — The open-source Vercel alternative
The open-source Vercel alternative
Promoted

Do you use Figma to Code?

Reviews
Helpful

You might also like

Framer
Framer
Design and ship your dream site with zero code
Anima App
Anima App
Design to Code, Automated
Sketch
Sketch
Everything you need to design, collab, prototype and handoff
Design+Code
We teach designers code & developers design.
questAI
questAI
Build web apps faster than ever
Codejet
Figma to quality React code.
View more
Review Figma to Code?Be the first to review Figma to Code