Figma announces a major redesign using artificial intelligence

Figma is announcing a host of new features at its Config conference today, including a major redesign of the user interface, new AI tools to help people create projects more easily, and built-in slideshow functionality.

Let’s start with the redesign, which aims to “lay the foundation for the next decade,” according to a blog post. You’ll see things like a new toolbar, rounded corners, and 200 new icons. As part of the design revamp, the company wants to “focus less on our UI and more on your business” and create something that’s easier for new users to access while still being useful to Figma experts.

Figma says this is the company’s third “significant redesign” since the launch of Figma’s closed beta. The new look is being rolled out as part of a limited beta, and users can join the waitlist if they want to try it out.

In addition to the redesign, the main feature addition is new generative AI tools, which look like a useful way to quickly get started on design. It’s basically a Figma-focused version of the “email draft” type AI tools we’ve seen many times.

At a press conference, Yohki Yamashita, chief product officer at Figma, showed me an example of how Figma created an app design for a new restaurant. A few seconds after typing the prompt into a text box, Figma mocked up an app with menus, a tab bar, and even buttons for delivery partners like Uber Eats and DoorDash. It looked like a generic template for a mobile app, but Yamashita was able to start tweaking it right away.

In another example, Yamashita asked Figma AI to develop a recipe page design for chocolate chip cookies, and it certainly did — including an AI-generated cookie image. Over Zoom, it looked like a pretty accurate image, but I can’t imagine it would be difficult for an AI generator to create a basic image of a chocolate chip cookie.

Figma also offers AI features that can help speed up small tasks in big ways, like “AI-powered” asset searching and automatically generated text in designs instead of generic Lorem ipsum placeholder text.

Ideally, all of Figma’s new AI tools will allow people new to Figma to test ideas more easily while allowing those more familiar with the application to iterate more quickly, Yamashita said. “We’re using AI to lower the floor and raise the ceiling,” Yamashita said in an interview. the edge – Something CEO Dylan Field said the edge also.

Figma AI will launch in a limited beta starting Wednesday, and interested users can join the waitlist. Figma says the trial period will last until the end of the year. While in beta, Figma’s AI tools will be free, but the company says it may have to offer “usage limits.” Figma also promises to provide “clear pricing guidelines” when the AI ​​features are officially launched.

In a blog post, Figma also explained its approach to training its AI models. “All of the generative features we’re launching today are powered by third-party AI models and were not trained on Figma’s own files or customer data,” wrote Chris Rasmussen, CTO at Figma. “We fine-tuned visual search and asset search using UI images from public and free community files.”

Rasmussen adds that Figma trains its models so they learn patterns and “Figma-specific concepts and tools” but not from users’ content. Figma will also allow Figma administrators to control whether Figma can train on “client content,” which includes “file content created or uploaded to Figma by the user, such as layer names and properties, text and images, comments, and annotations,” according to Rasmussen.

Figma won’t start training on this content until August 15; however, you should know that Starter and Professional plans are enabled by default to share this data, while Organization and Enterprise plans are opted out.

The company is likely being specific about how it trains its AI models due to Adobe’s recent terms of service debacle, where the company had to clarify that it wouldn’t train AI for your business.

In addition to the redesign and new AI features, Figma is adding a new tool that could be very handy: Figma Slides, a Google Slides-like feature built right into Figma. Users have already hacked into Figma to find a way to create slides, so now there’s an official way to create and share presentations directly within the app, Yamashita says.

There are some Figma-specific features that designers will likely appreciate. You’ll be able to edit the designs you’ve included in the collection in real-time using Figma tools. (Note that these changes will only appear On deck – Edits will not currently be synced with original design files, though Yamashita says Figma wants to make that possible eventually.)

You can also prototype the app directly from the kit, which means you don’t need to do a complex screencast just to demonstrate how one piece connects to another. You can also add interactive features for audience members, such as a poll or alignment scale, where people can draw on a scale if they agree or disagree with something.

Figma Slides will be available in open beta starting Wednesday. It will be free while in beta but will become a paid feature when it officially launches. The company is also adding new features to it Developer mode in Figmaincluding a list of “ready to develop” tasks.

This year’s Config is the first since Adobe abandoned its planned $20 billion acquisition of Figma following regulatory scrutiny. With the merger dissolved, Adobe was forced to pay Figma a $1 billion breakup fee.