“You can now lock the aspect ratio of almost any object in Figma – including frames, shapes, images, videos, vectors, and text – so that the proportions of that object are respected as you scale the object or its parent container. This functionality replaces Constrain proportions, which only worked when you adjusted the width or height fields of an object in the properties panel.”

To see it in action, watch video explainers by Miggi and Christine Vallaure. Miggi shows how to temporarily unlock the aspect ratio by holding down the Ctrl key, while Christine points out the correct CSS syntax for implementation.

A new sidebar provides a large collection of diagramming shapes for engineers, along with quick access to recently used ones. Stroke color is now independent of fill color for shapes and sections, and connector labels are movable. Additionally, there is an updated color palette with more variety and consistency.

This obviously oversimplified attention-grabber made the rounds on design Twitter last week. Tools, processes, and skills are rapidly changing, but they complement each other. Instead of being line cooks focused on a single station, designers can now prepare an entire meal. However, if the ingredients are undercooked and the sauce is sloppy, that meal won’t be worth much.

Ideation, visual exploration, prototyping, and even building deserve the best tools for the job. Check out insightful takes on this from Noah Levin, Jordan Singer, Ridd, and Jess.

Dev Mode users can now see variables used in gradients. Binding variables to gradients was also added to the plugin API so plugin developers can offer variables support out-of-the-box.

Two new AI features — quickly search through top Community files to find assets you need and increase the resolution and clarity of your images in just one click in the editor.

Figma Community Forum got a big makeover in January. It’s a great place to ask questions or share your thoughts.

If you’ve been waiting for more details to start planning your trip to Config 2025, now is the time. Azra Daniels, Director of Events at Figma, gives a first look at what the team is building for the community on both sides of the Atlantic. The conference will kick off on May 6 at Config Commons near Moscone Center in San Francisco, where you can grab the badge and meet other attendees. To avoid long registration lines, partner hotels will offer multiple check-in locations. 50+ sessions will take place in multiple tracks on May 7 and 8. The Maker Space will feature a dedicated stage where community leaders showcase their latest work. Config will continue in London the following week for a one-day event with 10 sessions.

The new Lovable and Builder​.io integration lets you turn Figma designs into full applications. Lovable is a full-stack AI software engineer and editing environment. It’s designed to let you quickly create and iterate on your projects so you can move from an idea to a real application, deployed live, without wrangling complex tools or environments. AI-Powered Figma to Code is Builder​.io​’s toolchain that leverages AI models to convert Figma designs into React, Vue, Svelte, Angular, HTML, etc code in real-time. It can even reuse your existing components in the output and use any styling library or system you need.

So, by using the integration, you can convert Figma mockups into code with Builder​.io and then open them in Lovable, where you can add new functionality or connect it to the real data from Supabase. Soon, you’ll be able to update your app in Lovable whenever designs change in Figma. AI will merge the design changes while keeping all your custom code intact. (Unrelated, this combo was most recommended in answers to this question about the best AI tool for turning designs into a website.)

Fons Mans now uses Figma mostly to translate ideas onto the screen quickly, then switches to a tool that lets him build or create the final product or visual. Cameron Moll also follows this approach.

It works really well when the designer is involved in the implementation. Figma is a fantastic tool for quickly exploring different directions, but after reaching an alignment, it’s time to polish the final version of the product, not its image. I was frustrated by wasting time whenever I spent hours prototyping an elaborate but disposable interaction in Figma. Modern AI tools make this final iteration even more accessible to less technical folks. That said, in most organizations, designers still can’t touch code — either that will change, or the final polish will still be happening in Figma for quite some time.