Figma Weave 宣佈創意工作流程可連接 Figma frames 並重複使用

Terms to know:

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

Connecting Figma and Weave

Today, we’re announcing new ways your Weave creative workflows can live alongside your Figma frames.

, a platform for creative teams with ongoing production needs. Weave turns the process of creating and editing imagery or video into a sequence you and your teammates can tweak and reuse.

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 tool

Turn 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

Try these 5 Weave tools—and share your own

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.

. A Weave tool packages a workflow so teammates can run it without navigating the nodes or writing prompts from scratch. For example, you could package the photo workflow above as a Weave tool. The next user would just upload a photo and click Generate. The tool would run all those steps automatically and return the final image.

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 variables

Prompt 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.

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.