Weavely is the AI form builder for Figma. You can design a form in Figma, and Weavely will generate a working web form from it. It supports answer piping, conditional logic, AI form generation, and more.
More Figma-to-code solutions: “Trace helps you convert your Figma designs to live SwiftUI prototypes within minutes. You can also preview, view code, edit, export, etc. on the fly. Trace uses AI to write SwiftUI code and compile the entire project within minutes.”
Replit launched an experimental Figma plugin that converts designs into runnable React code. “Generate a Repl directly from Figma, and instantly share a static React app with your team. Then, use Replit AI to add functionality and get your code production-ready.” Read more about this experiment in their blog post.
This result is based on an exported PNG, so plugins for code generation in Dev Mode using GPT‑4 might provide an even better result.
ChatGPT Vision can take in screenshots from Figma and generate code.
— Mckay Wrigley (@mckaywrigley) September 29, 2023
Building with AI is getting wild. pic.twitter.com/D8yeJW1kGR
If you’ve been hearing the hype about Framer on #designtwitter and are curious to give it a try, check out this quick tutorial on bringing your design from Figma to Framer and building a website without writing code.
“In this tutorial, we redesigned SVBs banking dashboard using Anima’s open source Component Library for Figma, then connected our data using Strapi’s headless CMS. Now you can launch fullstack React apps at lightning speed using the same approach.”
Recently I’ve shared a few no-code tools for generating code from Figma mockups, but this one is different and works in reverse by generating Figma components and variants from your code and Storybook stories. Nifty idea!
One more service for publishing websites from Figma — love how vibrant that space is! Figment helps you add website effects such as videos, links, and animations to your Figma mockups. When finished, it publishes or exports your website’s code.
Makers is a Figma plugin to help you build and publish sites directly in Figma without writing any code. They even provide a few templates to speed up the process. Make sure to watch an impressive demo video.