Product Updates

Select area is an AI image editing tool that lets you select part of an image to isolate or erase it. You can now click an object in an image and Figma selects it for you, so you no longer have to trace around it by hand. Available on the macOS desktop app only.Download the macOS desktop app.

Connect Google Drive to the Figma agent and Make to bring your existing file context into Figma, and create new Drive files without leaving your file. Use the Google Drive connector to summarize research insights, reference real data, or pull in assets to edit on the canvas.  Connectors are now available on all Figma plans, including Starter. Add Google Drive and other connectors from the plus menu in the prompt box when you collaborate with Figma agents.  Learn more.

Frame presets for iPhone Duo and iPhone 18 are now available wherever you can select a mobile frame in Figma. The new frame presets are available in:Properties panel when creating a new frame Properties panel when creating a code layer Prototype settings Make preview device picker Code layers full screen viewLearn more here.

Motion becomes more reusable, expressive, and portable this release, giving teams a faster path from first keyframe to polished, handoff-ready animations. Save the patterns you use most and carry them across files without rebuilding the same animations by hand. Stay in Figma to layer audio onto your keyframes, create text animations, or export supported animations as Lottie.
Custom animation styles make motion repeatable.Save an animation style with custom easing, duration, and other variable-backed properties, and apply it across your designs Combine styles into richer animations saved and reused as a single pattern Publish animation styles to your libraries so every file draws from the same sets Apply animation styles automatically with Figma agent and coding agents via MCP or SkillsAudio joins the timeline.Drag an audio file onto any motion clip or timeline Trim, split, and reposition audio against your keyframes to get the timing right Export audio alongside your animation in MP4 a

New improvements to Figma’s mobile app for smoother collaboration and navigation. Here’s what’s new:→ Page dropdown: easily access and switch between pages→ Frame preview slider: quickly move between frames → Share links: to the exact page or frame you’re viewing→ Export individual frames and images: to your phone to share, with format and size options→ Resume where you left off: reopen exactly where you left off, no need to re-navigate
Download the app here

Vertical wrap is now available when auto layout is set to vertical flow. Build multi-column layouts that stay responsive as content is added, removed, or adjusted.What’s new:→ Overflow content wraps into a new column instead of extending past the frame.→ Matches CSS flexbox behavior, bringing auto layout closer to CSS.Learn more.

Tune in live on September 30 at 9:00am PT / 12:00pm ET for:→ New live drops. Be the first to learn about updates across Figma including Figma Motion and more.→ Live feature demos. Explore how we combine the latest Figma functionality into creative workflows→ Community spotlight. Get inspired by the best work from across the Figma Community→ Recent launches roundup. Catch up on updates you might have missedYou won’t want to miss it.👉 Register now

Hi Figma Forum — we rolled out some changes that will make organizing team files more flexible and intuitive.A Figma workspace organized with nested folders.As more work happens in Figma, files can get harder to find. In the coming weeks, we’ll introduce folders, so you can structure files to mirror the ways your teams work.Here’s what’s changed:Projects become folders. All files in Teams will live in folders. Any previous reference to Projects in the UI will be renamed to Folders. Subfolders and colors. Nest folders and assign folders colors to create hierarchy. Simpler sharing. Subfolders inherit access from the folder above it by default, or you can limit access to specific people.What’s not changing:Workspaces and teams — these structures will stay exactly the same as before. Who can access folders — the same people who had access to the project before have access to the folder now. This includes Connected projects, now called Connected folders. Creating, moving, and sharing folder

Opacity can be updated at scale in the variables modal and applied on top of any color without detaching.→ Alias opacity while the color stays linked to your library, instead of needing to detach and adjust opacity by hand.→ Set opacity on a color variable using a number variable, and scope them specifically for use in color variables.→ Easily update opacity across disabled states, overlays, scrims, and more.Learn more

At Config, we launched the ability build your own custom generative plugins and shaders by prompting the Figma agent. Now, you can do more with those generative plugins and shaders with animations and interactions, publishing capabilities, and access to the code. Animated and interactive shaders: Prompt the agent to build a custom shader effect or fill that incorporates motion and is reactive to mouse movements. Learn more. Community publishing: Share your generative plugins and shaders with the world by publishing them for others to use on the Figma Community. Learn more about Community publishing for shaders and Community publishing for generative plugins. Internal publishing: Share private generative plugins and shaders with your organization to standardize effects or tool usage. Only available on Organization and Enterprise plans. Learn more. Code viewer: View and download the code for any shader and your own generative plugins, right in Figma. Learn more. MCP updates: View and mak

Vector editing on the canvas now feels more direct. Erasing and recoloring work the way you'd expect, so you can shape vector work by hand without breaking your flow.With the new eraser and paint bucket updates, you can:🧹 Erase vector paths directly to clean up stray marks or reshape existing artwork🎨 Choose a color or gradient, then drag to fill or recolor multiple regions at once⌨️ Press Shift+E to switch to the eraser in vector edit mode or Draw modeNote: The existing Shift+E shortcut for the Prototype tab in Design mode stays the same, so nothing changes there.Learn more about the eraser and paint bucket tools in our Help Center.

Auto layout's auto spacing now has two new options, “Around” and “Evenly”, alongside the existing default auto spacing behavior now called “Between”.These match spacing patterns CSS already supports including:→ Between: even gaps between items, nothing at the edges. Same existing default functionality, renamed to match CSS terminology.→ Around: even gaps between items, with half that gap at each edge.→ Evenly: every gap is identical, including the edges.Learn more 

Text wrap makes your text responsive with two new styles: Balance and Pretty. Set either on a text layer, a text style, or an individual paragraph in the text settings.→ Balance: distributes text evenly across lines. → Pretty: avoids a single word stranded alone on the last line.Learn more about this update here.

Auto layout now works more like CSS, so what you design lines up more closely with what actually gets built.Small differences between how auto layout and CSS handle layout meant developers had to add workarounds at handoff to make the built version match the canvas. This update closes those gaps.Existing frames stay on the legacy version unless you choose to update. New frames get the updated version automatically. You can switch back to the legacy version until January 2027.Learn more here.

No more waiting for one edit to finish before starting the next. You can now generate multiple AI image edits at the same time via the tool bar and keep designing while they load.→ Keep working while AI image edits run in the background. → Track progress with updated loading states and icons.Learn more in the help center. 

Config 2026 is all about expression — expanding what's possible with new tools and materials you can use directly on the Figma canvas. Here's a quick rundown of everything we’re shipping and what's coming soon.✨Available in open beta 🚀Check your seat/plan for eligibility.Figma Motion: Create precise, expressive animations in the timeline or with the Figma agent. Build out reusable systems, and ship dev-ready animations.   Custom shader effects and fills: Prompt the agent to build WebGPU shaders directly on the canvas. Save and reuse your custom effects and fills, or export via MCP to other platforms. You’ll also find Figma-created shaders available in all plan types. Find in the new left nav.   Weave tools in Figma Design: We’ve launched a curated list of Weave tools in Figma Design to accomplish AI image generation tasks. Run AI image tasks (swap backgrounds, add logos, change aspect ratios) without leaving your design file. Find in the new left nav.   Figma agent updates: Now in ope

Tab groups let you group, color, expand, and collapse tabs in the Figma desktop app. Stay organized without losing track of which file you’re looking for.→ Label groups by project, theme, or workflow.→ Color-code groups to keep them distinct at a glance.→ Collapse and expand groups to stay focused as you work.Available to all users on the desktop app. Learn more.

Check designs compares your designs against your design system, flags what's off, and suggests the correct fix in one click. Catch drift as you work, run a QA pass before handoff, and keep every file synced to your design system with:Variable and style suggestions flags hard-coded color, text, radius, and spacing values and replaces them with the correct design system token. Accessibility suggestions flags color contrast violations and replaces them with WCAG 2.0 AA or AAA-compliant colors. Library mismatch detection flags tokens and components from unsubscribed libraries. Detached component detection flags components detached from their source library.Check designs is available on Organization and Enterprise plans. Learn more

New slot settings let you set guardrails and default behaviors on any slot to guide how components get used.→ Set minimum and maximum layers to define how many items a slot holds.→ Only allow preferred instances to limit what goes in a slot.→ Display an empty slot by default so slots are visible on the canvas.→ Set fill as default so content fills automatically.Slots are generally available. Learn more

Grid is generally available and now makes it easier to reorder columns and rows, auto-position items into empty cells, and auto-add or remove rows to fit so you spend less time on manual fixes.Drag to reorder columns and rows — Drag column and row tracks directly into a new position.Automatic positioning — Content automatically shifts to fill gaps when items are deleted.Automatic rows — Rows are automatically created or removed as you add or delete content.Learn more

We're thrilled to announce that Figma's AI agent is launching in closed beta starting May 20th! 🎉 Built directly into the Figma Design canvas, it works with your design system, components, and team context to help you move faster and do your best work. Here's what you can do with it:Explore more directions — generate multiple layout options, try style variations, convert screens to dark mode, all using your existing design system Cut down on busywork — bulk-edit layers, fill designs with realistic copy and images, apply components and variables at scale Get more out of feedback — summarize comments, get feedback from different POVs, turn suggestions into action 🔑 Who has access?The beta is rolling out to Professional, Organization, and Enterprise plans (Starter, Education, and Government plans are not included in this beta).Full seat holders: access in project files and drafts Collab and Dev seat holders: access in drafts only View seats: not included in this betaThe agent is free to

Whether you're refining a complex illustration, iterating on an interactive prototype, or opening that massive product file for the tenth time today, your workflow stays smooth.We've been shipping performance improvements across the platform:→ Vector editing up to 10x faster→ Make frame rates up to 4x smoother→ Faster load times→ 92% fewer memory warnings

Tune in live on May 5 at 9:00am PT / 12:00pm ET to learn how leading product teams are co-designing with AI agents to: Take creative control of your vibe-coded prototypes Connect design systems to code Ship the best idea fastWe’ll also demo the latest updates across the Figma platform, with new ways to design, build, and ship with AI. You won’t want to miss it.👉 Register now