What’s New in Figma: AI-Powered Code Generator, Vector Drawing, Website Creation, and More

Figma config 2025
All the tools presented by Figma are gradually being deployed. © Figma

At Config 2025, its annual event, Figma unveiled four new products, including an AI-powered code generator and a suite of vector editing tools.

Nearly a year after unveiling Figma Slides and its first AI-powered features at Config 2024, Figma once again took advantage of its annual conference, held this Wednesday, May 7, 2025, in San Francisco, to announce the launch of four new products: Figma Sites, Figma Make, Figma Draw, and Figma Buzz. During this event, which brought together more than 8,500 attendees, the California-based company also unveiled other features that will be rolled out to its collaborative prototyping software in the coming weeks. Here’s a summary of the main announcements.

Figma Sites, a website creation tool

To meet the needs of users who design sites on Figma, “but who rely on web developers or third-party tools to transform these mockups into functional sites”, the collaborative platform has unveiled Sites, which it describes as “an all-in-one tool that allows designers to take their creations all the way to production”.

Deployed in beta for Professional subscribers with Full access, Sites is fully integrated into the software. It benefits from access to all the components or mockups already created, while offering features to simplify the creation of a dynamic website, such as “adaptive layouts, pre-configured blocks, templates and ready-to-use interactions”, specifies the company which, according to its internal data, only 30% of its users are developers. In addition, Figma Sites will integrate, “in the coming week,” its AI-powered code generator, capable of creating personalized and reusable “code layers” based on the user’s text instructions (see below).

With Sites, designers can focus more on creativity and less on technical implementation, Figma says.

figma-sites-blocks
Figma Sites will offer a range of directly usable blocks. © Figma

Figma Make, an AI-powered code generator

Enabling all user profiles to “quickly explore and iterate on their ideas”: this is the ambition of Figma Make, an AI-powered code generator directly integrated into the platform. Powered by the Claude 3.7 Sonnet model, launched by Anthropic in February, Figma Make aims to “transform text descriptions or existing designs into functional prototypes or applications,” specifies the Californian company.

In other words, it will be possible to conceptualize a prototype, or even create a complete mockup, from a prompt, then refine the visual rendering using the integrated editor. Users will be able to modify the font style, margin size, or the appearance of other visual elements. Figma Make is currently deployed in beta for Professional subscribers with Full access.

figma-make-preview
Figma Make appears to detail its reasoning once the build is complete. © Figma

Figma Draw, a suite of tools for illustration and vector drawing

Like Figma Sites, Figma Draw also fills a gap in the tool’s current version: the lack, or almost no, of vector creation and editing tools. A lack that forces designers “to resort to other tools or adopt workarounds, with sometimes tedious import-export back-and-forths,” deplores Figma.

Described as “a new integrated tool palette” that can replace the sidebar when the mode is activated, Figma Draw combines several features for illustration:

  • Texture: The tool includes a range of brushes, texture effects and dynamic contours to “create complex illustrations,” according to the firm.
  • Vector editing: It will be possible to create “precise and robust” vector paths thanks to features such as lasso, multi-editing, and the shape generator. A text-on-path tool is also integrated.

Figma Draw is already available to paid subscribers with Full Access. The toolbar is also available in Figma Slides, Figma Sites, and Figma Buzz (see below), the company notes.

figma-draw-preview
When Draw mode is enabled, Figma gets another sidebar. © Figma

Figma Buzz, an interface for creating customizable visuals

Marketed as “an accessible design tool,” Figma Buzz is primarily aimed at branding and marketing teams. The tool, which incorporates AI-powered features, aims to simplify the creation of adaptable visuals that “respect the brand’s identity.” Designers can create templates that comply with guidelines and are ready-to-use for various uses (social media posts, social ads, etc.), which marketing teams can then use independently. Figma Buzz is expected to be available in beta for all users soon.

Until now, no platform truly met the needs of both professional designers and marketing teams: they either found makeshift solutions in Figma to stay in sync, or they used separate platforms—at the expense of brand consistency and design quality, Figma believes.

figma-buzz
Does Figma aspire to compete with Canva? © Figma

Other announcements from Config 2025

Figma also took advantage of its annual conference to unveil other new features, including an image generator and editor based on 4o Image Generation, the model currently powering ChatGPT. In addition, there’s an automatic text suggestion module, which can supplement text “with relevant suggestions” generated by AI, Figma said.

The latest big announcement is the launch of Grid, described as “a new option for creating responsive layouts that automatically adapt to designs .” In practice, this is a feature that allows you to create a flexible layout, with full control over the number of rows and columns, cell height and width, and content arrangement. “By switching to Dev Mode, you can view automatically generated CSS to facilitate collaboration with developers,” Figma adds. All of these features are currently being rolled out gradually in beta.

grid-figma
Grid generates the CSS code corresponding to the layout. © Figma
Share this article
6
Share
Shareable URL
Prev Post

Microsoft: A new version of the Start Menu is coming to Windows 11

Next Post

SEO Website Structure Expert Secrets for 2025

Leave a Reply

Your email address will not be published. Required fields are marked *

Read next