Emma WebsterContent Strategist, Figma
Figma Weave brings AI generation and editing tools together into connected, reusable workflows, giving you a process your team can shape, refine, and repeat. Here’s what it unlocks for creative teams and how to get the most out of it.
Share The TL;DR on Figma Weave: Make your creative process repeatable
Node: An individual building block of a workflow on the Weave canvas.
Workflow: Connected nodes that turn your starting material into a finished result.
Branch: A separate path in a workflow for exploring a different direction from the same starting point.
Weave tool: A workflow packaged so someone can run it without working with the underlying nodes.
The best work happens when you and your teammates can build on ideas together, from early exploration to final refinements, with room to contribute while the work is still taking shape. That’s the idea behind Figma Weave Today, we’re announcing new ways your Weave creative workflows can live alongside your Figma frames.
Connecting Figma and Weave
The work you do in Weave comes together in nodes—building blocks for adding images and prompts, generating content, and making edits. Connected on the canvas, nodes show how the work came together and let you return to earlier nodes to make changes. You and your teammates can then adapt the same workflow across new products or formats so you can move faster without giving up creative control.
Whether you’re turning existing images into campaign videos or creating new product imagery without another photoshoot, Weave lets you spend less time translating between design and creative production and more time fine-tuning your vision.
What Figma Weave makes possible for creative teams
Figma Weave keeps your team’s process visible and connected from start to finish. Here’s what that looks like in practice.
Explore more directions
Reach for Figma Weave if you’re:Launching a product collection and need imagery for different product variations but can't arrange a new photoshoot for every one.
Producing a campaign across channels and markets and need to adapt visuals for different formats while keeping a cohesive look.
Developing video work and need to generate shots from reference images or refine existing clips.
Weave gives you room to develop several ideas side by side, with each new direction building on work already on the canvas. Separate paths, called branches, let you try different prompts or edits from the same starting point while keeping the original available. You can also run the same prompt through different AI models and compare the results side by side, choosing the one that best fits the look or edit you’re after. Each version stays connected to the steps that produced it, so you can compare approaches or return to an earlier option before committing to a direction.
Say you’re developing a campaign for a hiking brand, starting with a photo of a backpack. You connect that photo to two AI image-editing nodes, prompting one to place it in a forest and the other on a mountain. From there, you might adjust the forest scene’s colors or turn the mountain scene into a short video. Both branches stay on the canvas as you develop them, so you can see how each direction could work for the campaign before committing.
Take control of the details
Try a community-built Weave toolTurn a moodboard into a 3D rendering of a room, fit an image into a new format, or explore other tools built by the Figma Community. Each runs a workflow someone has already created, so you can try it directly in Figma Design without building the setup yourself.
Getting the details right takes more than just another prompt. Figma Weave’s editing tools appear as nodes you can connect to other steps in your workflow. Here are a few that give you more control over the details:
- Color correction: Change the overall color and appearance of an image or video, including hue and saturation.
- Compositor: Layer images, videos, text, and shapes to create a single output.
- Levels: Adjust an image’s shadows, midtones, and highlights to control its tonal range.
- Trim: Shorten a video clip without leaving Weave for another editing app.
- Crop: Crop and resize inputs using preset aspect ratios or custom dimensions.
- Painter: Paint on an image or canvas using brushes, shapes, and an eraser.
Repeat what works across the team
A successful workflow preserves the choices someone made along the way to a finished result. Sharing it means that teammates can build on that success. For example, say you build a workflow that removes a product photo’s background, places the product against a branded backdrop, and crops the image for a social post. A teammate could use that workflow for the next product launch, swapping in new photos while keeping the treatment consistent.
Another way to reuse a workflow is to turn it into a Weave tool 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.
Try these 5 Weave tools—and share your own
Getting the most out of Figma Weave
A little preparation can help you get better results from Weave. Here’s where to focus.
Write specific prompts
Need help writing your prompts?The Run Any LLM node lets you choose an AI model and ask it to review or rewrite your instructions.
Or, connect your written prompt to the Prompt Enhancer Node, which uses AI to rewrite your prompt with more specific instructions.
Change part of a prompt with variablesPrompt variables let you change one part of your instructions without rewriting the rest.
Like most AI tools, clear prompts help you get closer to the result you have in mind. When using AI in Figma Weave, specify what you want it to create or change, rather than leaving important details for it to guess. When editing, describe what should stay the same, too. For example, instead of a prompt like, “Make the lighting better,” try something like, “Use soft, warm light, keeping the backpack’s color and shape unchanged.”
Give references clear roles
If you have a particular look in mind, a reference image can give the image model you’re using something concrete to work from, communicating details like color palettes or lighting effects that are sometimes easier to show than write out. But one reference image isn’t always enough—you might have several images you want AI to work from, each showing a different detail you want to carry over into your new work. In that case, use a Prompt node to write out what you want the model to take from each reference. For example, “Use the colors from the first image and the illustration style from the second.” The model uses those written instructions alongside your reference images to understand which details you want to carry over.
Visit the help center for a full list of all available nodes and what each one is best used for.
Make direct edits when it makes sense
Once you have an image you like, you don’t need to keep prompting your way through every small change. If you want to brighten it, adjust the colors, or add text, use Weave’s editing tools to make those changes yourself. This gives you more control over the details and saves you from spending credits on another generation.
Build and test step by step
If an early result is off, you don’t want every step after it to build on that mistake. Testing as you build makes it easier to see where something went wrong and fix it before it affects more of the work. For example, check an edited image before using it to generate a video or adding it to a composition in the Compositor.
Before sharing a workflow as a Weave tool, check that it works with more than just the images and instructions you used to build it. Ask a teammate to try it without walking them through it. See whether they understand what to provide and whether the tool produces useful results, then use what you learn to improve it.
Keep Figma Design connected to your workflow
If Figma Design is part of the project—for example, if you’re using an existing Figma layout to create campaign variations—the Figma node keeps that layout connected to your Weave workflow. With the Figma node, you can copy a frame from Figma Design and paste it into Weave, where it stays connected to the original. If you change the original frame in Figma Design, that change is reflected in its connected Figma node in Weave. This lets you build on layouts and brand decisions your team has already made, using them to guide new work in Weave instead of recreating them from scratch.
Compare models and let the results guide you
Figma Weave brings several AI models into one place, with different strengths for different tasks. Browse the available models in the left menu in Weave to find options for your task. Then, try the same prompt with a few models and compare the results to see which gets closest to what you want, and continue working with the ones that best match your vision.
Visit Weave’s help center to learn more and try Figma Weave for yourself.
Emma Webster is a writer and editor on Figma’s Story Studio team. Previously, she’s worked as a writer at Faire and Audley Travel.
Workflow lab: From design system to campaign in Figma Weave
Try these 5 Weave tools—and share your own
Connecting Figma and Weave