Use “Rewrite this…” to generate copy from scratch or tailor your copy’s tone according to your intended audience. Use “Shorten” to rewrite any text layers you need to be more concise. “Translate to…” can help you preview what your UX copy will look like in another language.
See also Replace text content with AI on using text context from the first element in a series of duplicated elements to populate content in the remaining elements.
Contextually rename and organize all the layers in your file. Figma AI will choose a name by using a layer’s contents, location, and relationship to other selected layers.
Make prototype lets you create interactions and connections between frames in your selection. This is helpful if you want to build a basic prototype flow quickly from your designs. This feature can create simple flows between a selection of top-level frames, add interactions to Back or Next buttons, and link to individual frames from a navigation menu.
Software Engineer Jediah Katz shares 5 of his favorite tips for making the most of the “Make prototype” AI tool: name your layers, properly group layers, select only interactive elements instead of entire screens, review the results, and undo if unhappy.
“Make Designs, which lives in the new Actions panel, allows you to quickly generate UI layouts and component options from text prompts. Just describe what you need, and Figma will provide a first draft to help you explore various design directions and kickstart your process.”
See also Make an image with AI on how to make images to add to your designs and remove the background from any existing image.
Great observation from Nate Baldwin on the new “Make designs.”
Designer Marco Cornacchia explains how it works. See also his follow-up thread on why the new Asset Search marks the end of the “design graveyard.”
Design Engineer Vincent van der Meulen explains how it was built.
Figma’s approach to AI model training: “All of the generative features we’ve launched to date are powered by third-party, out-of-the-box AI models and were not trained on private Figma files or customer data. We fine-tuned visual and asset search with images of user interfaces from public, free Community files.”
Admins have control over AI use and content training, which they can turn on or off with two new settings anytime. By default, content training is enabled for Starter and Professional plans and disabled for Organizations and Enterprises. The content training setting takes effect on August 15th, 2024.
“We’re introducing Visual Search to help you more easily find what you’re looking for with a single reference. Search for anything from icons to entire design files with a screenshot, a selected frame, or even a simple sketch with the pencil tool, and Figma will pull in similar designs from team files you have access to. And with improved Asset Search, Figma now uses AI to understand the context behind your search queries. You can easily discover assets — even if your search terms don’t match their names.”
A new landing page for all AI features: “Get started faster, find what you’re looking for, and stay in the flow. Make space for more creativity.” See also a one-minute demo reel of new features.
Remember that they’re currently in beta and will become a paid feature next year: “Our AI features will be free for all users during the beta period, which runs through 2024. As we learn how these tools are used and their underlying costs for Figma, we may need to introduce usage limits for the beta. When Figma AI becomes generally available, we’ll provide clear guidance on pricing.”
Introducing new Visual Search and upgraded Asset Search, AI-powered text and content generation tools to help you quickly populate your designs with realistic content, image background removal, turning static mocks into interactive prototypes, automating layer naming, and even design generation from text prompts. “Whether you’re searching for inspiration, exploring multiple directions, or looking to automate tedious tasks, we’re building Figma AI to unblock you at any stage.”
Gabriel Valdivia on Figma AI: “Right before Figma’s keynote announcing the “make designs” button, I “made code” with another app. On one hand, people can now use Figma to replace designers, while on the other hand, I’m using Cursor to replace engineers. I’m stuck in the middle feeling simultaneously disempowered as a designer and completed empowered to make new software.”
June 26th, 7–10 PM. “Join us on the first evening of Config for a special event celebrating designers at the forefront of building with AI. Connect with over 50 designers and see lightning demos from companies like Perplexity, Visual Electric, Chroma and more.”
Jordan Singer shares a few things he learned while designing and building AI at Figma.
An AI-powered wireframe generator — describe your vision, and it will design it in a single click.
Charlota K. Blunarova shares her observations and experience with using AI-generated assets in branding work. Those are truly beautiful projects, and I love her approach to using AI to expedite the execution phase so she can explore more ideas while dedicating more time to the strategic phase and project refinement.
A tutorial on creating an AI-powered Figma plugin that generates colors based on your descriptions. It’s pretty cool to see how accessible it becomes to build a plugin using LLM (in this case, OpenAI).
New plugin from Meng To: “AI Text Generator is a super handy Figma plug-in made for designers who want to rewrite their text in a couple of clicks. It uses OpenAI GPT‑4 to give you smart, creative text suggestions—think names, titles, or even Lorem Ipsum dummy text—right where you need them. It automatically detects the selected text’s length and generates the perfect amount of words for your alternatives. You can also add custom prompts, which is useful for more control, generate any type of text, in different languages and amount of words.”
A new plugin from Pablo Stanley is an AI design assistant that turns simple prompts into websites. The promise is to “get your design 80% of the way, so you have time to obsess over the final little details”.