NEW RELEASE

UPDATE

FIGMA

DESIGN

DESIGN SYSTEMS

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 Skills

Audio 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 and WebM formats

Animate text with more control

• Animate individual characters, words, lines within a text layer
• Text stays fully editable after animation is applied

More ways to travel beyond Figma.

• Export animation as a Lottie or dotLottie file

Motion is currently in open beta. Learn more about new motion features.

NEW RELEASE

FIGMA

MOBILE APPS

DESIGN

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

NEW RELEASE

FIGMA WEAVE

AI

DESIGN

Starting today, Figma node lets you connect the designs you’ve already created in Figma Design directly to your Figma Weave workflows.

With Figma node, you can:

• Connect any Figma frame to your Weave workflow: Copy a frame from Figma Design, paste it into Figma Weave, and it becomes a node in your workflow.
• Choose what can change: Select the text and image layers you want to use as workflow inputs, while keeping the original fonts, layout, and styling intact.
• Create new assets at scale: Use your existing Figma designs and brand materials to make campaign variations, localized assets, new visuals, and videos.
• Sync every connected asset with Figma: Bring changes from the original Figma design into Weave to keep every connected asset up to date.

Figma node is available now, connecting your Figma and Weave canvases in one creative flow.

See it in action with a ready-made workflow.

Want to build your own? Watch the tutorial.

For setup details, read the Figma node guide.

NEW RELEASE

FIGMA

FIGMA WEAVE

FIGMA COMMUNITY

ASSETS

DESIGN

Weave tools bring the power of generative AI workflows built in Figma Weave directly to the canvas in Figma. Now, you can build and publish your own custom Weave tools to the Figma Community for anyone to use directly in Figma Design. Create your own tools to tackle repeatable image and vector generations at scale, and explore the Community to see what others have created.

Community publishing is supported for any output type (video generation, 3D renderings, etc.), but only image and vector generation Weave tools will be available to use in Figma Design.

Try these 5 Weave tools—and share your own.

Learn more in the help center

Community publishing is now live for Weave tools

Here are a few tools that stand out, from turning a moodboard into a realistic room mockup to previewing your next nail set.

At Config 2026, we launched 30+ custom-built Weave tools in Figma to help you run repeatable image generation tasks like creating on-brand icons or transferring a style reference to a new image. As the person designing those tools, I asked myself two questions on repeat: What do designers working in Figma need, and where can Weave’s capabilities meet them? The best tools don’t come from capability or need alone. They come from the intersection of the two.

Building for Figma users kept me close to that intersection, but creating tools for myself gave me the freedom to wander off. So since that first batch, I’ve built tools for my own workflows (and a few just for fun) to see how far a tool can stretch. Professional Headshot turns any photo into a new headshot, Blue Embroidery renders a text prompt as a blue cross-stitch illustration, and Brand Stamp presses a logo into an embossed wax, chrome, or ink seal in any color.

Starting today, anyone building in Weave can publish tools to the Figma Community, ready to use directly on the Figma Design canvas. I believe the best way to learn how to build your own is by playing around with what other people have made. Here are some of my favorite Weave tools already published on the Figma Community.

1. Render a room from inspiration

Created by: Mallory Dean, Designer Advocate
Weave tool: Interior Design Moodboard to Render
What it does: Turn an interior design moodboard into a photorealistic 3D room render. This tool reads your colors, materials, furniture, and lighting to create a cohesive space, with minimal extra styling. You can also pick from built-in room types and camera angles to guide the composition and make the space feel dynamic.
In Mallory’s own words: “I love using the Figma canvas to make moodboards for spaces in my home. A render workflow was the last missing step, so I built one. My biggest tip for creating Weave tools is to lean on an LLM for both parts of the job: writing your prompts and structuring your nodes. I consulted one to map out the setup that would make this tool most efficient, then as I was building, I continually brought the results back as feedback to guide my revisions.”

2. Transform a building photo into a realistic 3D visualization

Created by: Yordan Vakarelov, Building Information Modeling Manager & AI Lead
Weave tool: Physical Architectural Model Maker
What it does: Generate an architectural model from a reference photo, with custom materials for the building, landscape, and finer details.
In Yordan’s own words: “I love making complex processes feel intuitive and approachable. My approach to building these workflows is to take care of the technical setup so people can focus on their creative ideas, with room to experiment and without getting bogged down in prompting or mechanics. What excites me about sharing them as tools is opening up that experience to more people and helping them build their confidence along the way. I can’t wait to see how the community takes something I’ve built, makes it their own, and creates things I’d never have imagined.”

3. Extend an image to fit any format

Created by: Jan Gericke, AI Creative Director
Weave tool: Image Reframer
What it does: Reframe an image to any aspect ratio, to make clean space for text overlays.
In Jan’s own words: “Have you ever generated the perfect shot or received an image for a website header, only to realize it’s the wrong aspect ratio for where you need it? This tool is made for that exact moment. It takes your existing image and reframes it to any target ratio, extending the canvas outward while matching the original lighting, shadows, and perspective. You can tell it exactly where to place your subject in the new frame, something like ‘centered-right, keep the left quarter free,’ so it leaves clean negative space for a headline or logo. It respects the original image instead of guessing at it.”

4. Sketch an architectural concept from text

Created by: Eric Satoru, Art Director
Weave tool: Sketch Generator
What it does: Turn a short text prompt into a hand-drawn concept sketch for an architectural project in the “what if” stage, before anything is rendered or modeled. Prompts land best when they name three things: what the space is, what it’s made of, and a view.
In Eric’s own words: “In a world where hyperrealistic images are easy to generate, there’s something more beautiful about using abstraction to represent an idea. AI tools usually push you straight to a polished render, which is the wrong moment for polish—a finished-looking image closes the conversation instead of opening it. I wanted something that produced rough, honest sketches at the speed of a conversation, so stakeholders could react to ideas rather than to rendering quality.”

5. Get a preview of your next nail set

Created by: Stephanie Zhou, Product Design Educator
Weave tool: Nail Art
What it does: Personalize your dream nail set and see what it looks like on your hands before committing to it.
In Stephanie’s own words: “I love doing my own nails, but it can be challenging to imagine a complicated design by sketching. I wanted to get a preview of what it would look like on my own hands—and be able to make adjustments and balance the patterns—before spending 2+ hours curing everything (only to have regrets). Since this was my first Weave tool and I was designing it for myself, I started with the harder but non-negotiable features, like 3D decorations and styles. From there, I started thinking about what other people might want and where the experience could become more granular, like adding dropdowns for nail length, shape, style, and decorations. You know a project is great when you finish it with an even longer list of ideas you want to add next!”

Ready to publish your own?

Building a tool that takes any input and returns a consistent output relies on several steps under the hood. Deciding what those steps are is the work, and once you publish, you’re making those calls for everyone who runs your tool. Three things to keep in mind:

• Decide who you’re building for: Before you write a single prompt, answer the question “who is this actually for?” Be specific because who you’re building for changes what your tool unlocks, exposes, and even how you label your inputs.
• Design for the input you can’t predict: Build a system that handles a full range of inputs without breaking—clean submissions and messy ones alike. Dropdowns and pre-made choices give people vocabulary while protecting your back end from surprises. An LLM layer between the request and the generation model can translate creative intent into something the model can work with.
• QA like you won’t be in the room: Give your tool to someone who didn’t build it and ask them to use it with zero explanation. Watch where they pause. Watch what they expect that doesn’t happen. Fix that before you publish.

Visit Weave’s help center to learn more about how to build your own Weave tool. Anyone with a paid Weave plan can publish Weave tools to the Figma Community, and anyone with a full Figma seat can run Weave tools in Figma Design. Weave tools in Figma Design will consume Figma AI credits once generally available.

Moran is a New York–based creative workflow advocate at Figma, where she helps creatives move beyond one-off AI outputs by building systems in Weave that they can shape, reuse, and control. Her background includes photography, art direction, and creative production across gaming, marketing, media, and entertainment.

Figma strengthens data protection and security for enterprise customers with local data hosting

Customers in Japan can store data locally for Figma Design, FigJam, Figma Slides, and Figma Make files.

Today, Figma introduced data residency in Japan, giving enterprise customers the option to host their Figma file data in the country.

“We’ve heard from many customers in Japan that they want the ability to store and manage their data domestically,” said Hiro Kawanobe, country manager of Figma Japan. “The launch of data residency responds directly to that need and reflects Figma’s long-term commitment to the Japanese market.”

As of June 30, 2026, two-thirds of Nikkei 225 companies use Figma, and Japan is one of Figma’s top five markets globally by active users. Building on this momentum, Figma continues to deepen its investment in Japan with the launch of data residency: “As governance requirements continue to grow across design and product development, we will continue supporting our customers in Japan as they grow their businesses,” said Hiro.

With data residency, organizations with stringent data management requirements, including those in the public sector, healthcare, and financial services, can gain greater control over where they store their data while benefitting from Figma’s scalability, performance, and collaboration capabilities. This launch is an extension of Figma’s data residency feature for enterprises in Australia, Brazil, India, Europe, and the US.

From our customers

As one of Japan’s leading payment platforms, meeting the highest standards for security and data management is critically important to Digital Garage. “Figma is embedded throughout our entire product development process, and we welcome the availability of data residency in Japan, which enables us to rely on Figma while better addressing these requirements,” said Tomosue Den, corporate officer and CTO, head of technology division at Digital Garage. “Looking ahead, we are confident that this more secure environment will open new possibilities in product development that will support the evolution and future growth of our payment and financial platform.”

Adways Group, which operates a diverse range of businesses in Japan and internationally, develops their proprietary products, including advertising platforms, entirely in-house. “Figma serves as a shared workspace not only for designers, but also for engineers and business teams. We use it throughout the entire development process: from organizing requirements in FigJam and exploring design concepts in Figma Design to handing designs off for implementation,” said Goshu Endo, deputy head of the technology division at Adways. “The ability to discuss ideas while viewing the actual UI improves the quality and speed of our decision-making. The availability of data residency in Japan will be a major enabler as we expand into areas with specific data governance requirements.”

The Institute of Science Tokyo, a public research university, welcomes the move to local data hosting in Japan. “Figma and FigJam have become indispensable infrastructure for our day-to-day web operations and communications,” said Yui Morita, specialist staff member on general affairs and planning. “Enhanced governance and security through data localization will enable more reliable and seamless communication across the university.”

Figma’s data residency launch builds on the security features that are currently available to enterprise customers, including Governance+. Governance+ brings together capabilities that help organizations strengthen access management and data protection based on their security requirements. Organizations in regulated industries or those with data residency requirements can combine data residency with Governance+ to establish a more robust environment across both data location and access management and data protection. Governance+ is available as an add-on to the Enterprise plan.

Learn more about Figma’s local data hosting plans here.

NEW RELEASE

UPDATE

FIGMA

AI

FIGMA COMMUNITY

COLLABORATION

DESIGN

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.
• Publish to organization: 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 make changes to your generative plugins and shaders with a third party agent via Figma’s MCP server. Plus, when you copy a Figma frame with shaders applied to an external agent, on implementation the shaders will render correctly in the generated React code. Learn more.

NEW RELEASE

UPDATE

FIGMA

FIGMA DRAW

DESIGN

Vector editing in Figma now brings familiar interactions to precise edits on the canvas. Erasing and recoloring feel more direct, so you can shape vector work by hand without breaking your flow.

• 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 mode. The existing Shift+E shortcut for the Prototype tab in Design mode stays the same.

Learn more about the eraser and paint bucket tools.

NEW RELEASE

FIGMA

DESIGN

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.