Figma brings a major update, what should the design tools in the AI ​​era look like?

Nowadays, the Figma Config conference has become the Spring Festival Gala in the design world, bringing many interesting new features every year, attracting the attention of designers around the world.

At the beginning of this year's Config 2024, Figma CEO Dylan Field appeared wearing a "Now With AI" T-shirt, which directly stated that Figma will have many AI functions.

First, let’s take a look at Figma’s UI changes.

Figma is becoming more and more complex as time goes by and more features are added. To this end, Figma has released a new “UI3”, bringing a cleaner and simpler interface.

The new UI3 adopts a rounded corner design and updated more than 200 icons.

The original toolbar has now evolved into a "toolbar" and its position has been moved to the bottom of the interface.

In addition, the size of the sidebar can now be adjusted according to needs and can be hidden at any time.

Figma says this is its third "major redesign" since private beta. They want to "reduce the presence of Figma UI on the canvas so you can focus more on your work" and hope to make it easier for new users to get started.

In the revised "Toolbar", you can notice that there is an additional star icon. Like other creative tools, Figma has now chosen to fully embrace AI.

The addition of Figma AI marks a big step towards intelligent design tools. Now, you can let Figma automatically generate UI with just one command.

Figma chief product officer Yuhki Yamashita demonstrated this feature at the launch event. Within seconds after he entered the command, Figma generated an App interface with a menu list and tab bar.

The generated UI even includes third-party interfaces such as maps, Uber Eats, and DoorDash. This is a completely usable App prototype, and Yamashita can adjust the interface as desired.

Usually when showing App design to others, using only pictures will not be intuitive enough and cannot show interface jumps, etc. If you build a prototype again, it will be very time-consuming.

Now, Figma AI finally solves this difficulty. Figma quickly transforms static designs into interactive prototypes with the click of a button, allowing you to focus more on your design.

Similarly, you can now use Figma to design a complete personal webpage with one click.

If you are not satisfied after generation, you can make global or partial modifications at any time. If you want to add a contact form or chat box, Figma can easily do it.

This should be Figma's strength, because Figma has huge UI design resources through the community. For simple design tasks, just leave it to Figma.

After making a product prototype, Figma AI can also intelligently rewrite text, fill in text, or translate content.

Finally, the boring Lorem ipsum placeholder text is going to bid farewell to the stage of history.

Image filling is nothing new on Figma. In the past, users could install some plug-ins to search for images and fill them in websites such as Unsplash.

But now, Figma can achieve official native support, which is much more convenient than existing plug-ins. Moreover, these pictures are generated by AI and can be closer to the usage scenario.

Whether it is a design team or an individual designer, over time there will be confusion in the materials. Without good organizing habits, it is not easy to quickly find what you need in the huge amount of materials.

But now with Figma AI, this process can be greatly simplified. Figma can now recognize your design content and automatically help you organize named layers. You can finally say goodbye to the tedious operation of manually naming layers one by one.

The only shortcoming at present is that this function does not yet support Chinese. If you create content in English, or are accustomed to using English names when designing, you can still use it smoothly.

In addition to helping you organize items, the new Figma also brings AI search functions. No more time-consuming browsing of folders and hierarchies, you can find the design materials you need in seconds.

The usage is also very simple. You can use text to describe the material or upload similar pictures, and then Figma AI can quickly provide matching results.

Even if you upload a blurry screenshot, Figma can quickly help you find the corresponding material.

If you are looking for a UI component and don't want to type a description or find a similar graphic on the Internet. Well, you can even complete your search by drawing by hand.

Just make a few simple strokes with your mouse, and Figma can quickly help you find similar materials.

With the annual upgrades of iOS and Android, Figma also introduces the latest design suite in time.

All Apple and Google official design materials can be used directly, and dark mode, device size and other configurations can be easily adjusted.

Because of Figma's ease of use, many people have chosen to use Figma to make slideshows. After Figma paid attention to this scene, it launched Figma Slides.

As soon as Figma Slides was unveiled, it was greeted with cheers from the audience.

It functions similarly to Google Slides, with many beautiful built-in templates, but is fully integrated within the Figma platform.

You can set up real-time polls in your slides to keep content on your slides by watching live audience reactions.

You can also allow others to assist in presentations. Under remote collaborative operation, you no longer have to worry about confusing the order of slide presentation.

As a product of Figma, Figma Slides naturally also has built-in interactive prototypes.

You can directly import existing design drafts into slides and freely demonstrate and operate them during presentation, making your sharing more vivid.

Of course, Figma AI will not be absent from Figma Slides.

You can use AI to automatically rewrite text as you create your slides. There are two dimensions on the operation panel: one is from "simple" to "expanded", and the other is from "casual" to "professional". You can automatically modify the text by gently dragging it.

You can also tell Figma your presentation scenario and let it rewrite your wording in an administrative, technical, or educational style.

Designers who love style also use Figma to complete their daily work, such as creating social media pictures, designing promotional posters, etc.

After watching Config 2024, Caca, a designer who loves style, couldn’t help but sigh:

Figma Next Level! ! !

Let’s talk about Figma slides first. I have been making slides in the drawing board before. Compared with slide software such as PPT and Keynote, the advantage of Figma Slides is that its drawing board is unlimited, the reading and overview experience is very good, and the speech logic can be changed at will. And now you can directly upgrade to speech mode, which feels more systematic and efficient.

In addition, Figma's own plug-in is already very easy to use, and now it is superimposed with AI, which feels like it has liberated a lot of "brainless" workflows.

Also this month, Motiff, which was born out of Yuanfudao, was officially released. This company wants to use AI to subvert Figma. Motiff's product ideas are very similar to Figma, but it adds a lot of its own considerations.

Motiff has integrated many AI scenarios before and achieved some functions of Figma AI.

After Figma Config 2024 ended, Motiff Vice President of Operations Zhang Haoran "breathed a long sigh of relief". He said on social platforms:

Motiff is the young man who picked up a spear and challenged the strongest warrior on the planet. He seemed to be calm and prepared to be thrown to the ground. But today, when Figma swung the sword, it didn’t seem so heavy that he couldn’t catch it?

An interesting thing happened at the Config 2024 conference. When the audience entered the venue, the equipment at the ticket gate suddenly failed for ten minutes, and a long queue formed at the entrance of the venue.

Motiff, on the other hand, rented an advertising truck and presented a "little easter egg" to its competitors. This kind of "close to the face and open up" behavior also added a bit of fun to the scene.

Figma AI will be available in beta soon, and Figma Slides are available now.

During the beta period, Figma Slides is available as a free trial, but will transition to a paid feature upon its official launch.

Figma said the testing period will last until the end of the year and promised to provide "clear pricing guidelines" when the AI ​​feature is officially launched. If you are interested, you can join the waiting list in advance.

# Welcome to follow the official WeChat public account of aifaner: aifaner (WeChat ID: ifanr). More exciting content will be provided to you as soon as possible.

Ai Faner | Original link · View comments · Sina Weibo