Figma Launches New AI-Powered Website and Design Tools for Creatives

May 07, 2025

Jeremy Gray

A collage of various stylish website designs is shown, with a large blue button labeled "Publish" in the center, highlighted by a cursor, representing web creation and publishing tools.

Figma announced a bevy of new products and services today at its annual Config conference in San Francisco. Among the announcements are AI-powered new tools to easily make websites, apps, vectors, marketing assets, and more.

Starting with the website-making tool, Figma Sites, it enables Figma users to transform a website concept into a functional, real website. With Figma Sites, users can design, build, and publish websites without leaving their Figma workflow.

A collage of interface mockups and fashion photos. UI elements display settings for opacity, scale, scroll parallax, and marquee direction, overlaid on images of stylishly dressed people in dynamic poses.

With its AI, Figma promises that creators can easily create a personal portfolio, event size, live website, and more, without any extra tooling. Figma Sites includes various templates, pre-built web elements, and ready-made interactive tools, but alongside Figma Make, which was also announced today, users can also create code for specific animations and interactions using text prompts. Naturally, Figma Sites connects natively with Figma’s design library, ensuring that individuals or teams can easily move things they make in Figma directly into their new website. Figma Sites will launch later this year.

A computer screen displays a media player interface with a blurred album cover, tracklist, and a large arrow cursor selecting the song “Fleetting Glow.” A note and checklist are visible on the left side of the screen.

Speaking of Figma Make, it is a new prompt-to-code tool that lets people, whether they have any coding experience or not, bring their ideas to life. Figma says it believes that generative AI will “transform who can design and how,” and that Figma Make ensures that people can get their design ideas off on the right foot nearly instantly.

A digital interface displays audio settings, including sliders for equalizer bands and options for streaming and download quality. A popup shows instructions for adding an animation to open and close the settings panel.

Suppose someone wants to have an interactive element on their website but doesn’t know how to code it. Figma says that Figma Make enables users to do things like “Make this button trigger an animation” or “Have this element respond to scrolling,” all without manually writing the code. Figma Make is available now as a beta.

Abstract digital art with geometric shapes, textured patterns, bold colors, and gradients. Contains circles, ovals, curved lines, and rectangles on a pink and purple background with green and yellow accents.

On the design side, the new Figma Draw makes it easier to create and edit vectors, which are essential tools for digital drawing and illustrations. Figma Draw, which is available inside Figma Design, includes the brushes, tools, and layers that designers and illustrators need to create visual assets.

A collage of colorful web page designs featuring event announcements, job postings, shoe advertisements, and headlines like “Propel Spring 2025 Release,” with bold text and modern, vibrant layouts.

As for Figma Buzz, it is a collaborative design space that teams can use to build on-brand assets. Available now as a beta, Figma Buzz aims to remove hurdles teams often encounter when crafting consistent on-brand assets for promotional and marketing materials.

Image credits: Figma