builder.io

You can now generate designs inside of Figma with AI, with the latest version of the Builder.io Figma plugin. You can be as detailed and specific with prompts as you like. For example, in this prompt, I just said “I want a product page that looks like it's on everlane.com.

Generate Figma Designs with AI

The basic structure of doing commands with AI is asking users for input, constructing a prompt with that and any other information needed, and generating a result. Using ChatGPT as a grounds to experiment is a great thing to do first. For example, you can play with prompts to find what gives you good results, and when you find something repeatable move it into code.

Building AI-Powered Apps Is Way Easier Than You Think

Community Picks

Learn how to convert Figma designs into Next.js code using Tailwind CSS, and discover the challenges and benefits of this approach.

How to convert Figma components to Next.js with Tailwind CSS

Delve into Figma, a collaborative interface design tool, and learn about UI/UX design, prototyping, and design collaboration. Explore Figma features, design systems, and plugin development. Whether you're a UI/UX designer, product manager, or design enthusiast,  streamline your design workflow with Figma.

Best of Figma — April 2023