Figma connects Weave workflows with the design canvas

Figma is bringing Weave creative workflows closer to the Figma design canvas, giving designers new ways to use AI-powered image tools, publish node-based workflows, and connect Figma frames with Weave production pipelines. Published on June 24, 2026, the update introduces Weave tools in Figma, Weave workflows in the Figma Community, and an upcoming Figma node for Weave.

{getToc} $title={Table of Contents}

Figma connects Weave workflows with the design canvas

Figma is moving Weave from a separate creative production space toward a more connected design workflow. The main idea is simple: designers should be able to use AI-powered visual tools where their design work already lives, while still having access to deeper node-based workflows when a project needs more control.

For web designers and template creators, this matters because visual production is often tied directly to layout work. Hero images, product mockups, campaign graphics, social previews, icons, backgrounds, and branded illustrations all need to fit the page. Bringing Weave tools closer to Figma Design can make that process feel less disconnected.

{getCard} $type={post} $title={More useful reading}

Weave tools are now available inside Figma Design

The first part of the update brings more than 20 AI image tasks into Figma Design as Weave tools. These tools are available from the left panel and package pre-built Weave workflows into a simpler interface for common creative tasks.

Examples include style transfer, product shoots, material extraction, background replacement, lighting changes, text-to-vector illustration, color palette application, and art direction across different visual styles. Instead of building a full node workflow from scratch, designers can select an image, choose a tool, configure the inputs, and generate results directly from the design canvas.

Why this helps web design and template production

Web design often needs visual consistency more than one-off generation. A landing page may need product visuals in the same style, a template preview may need matching illustrations, or a campaign layout may need images that follow the same brand direction. Weave tools can help designers reuse a visual direction across multiple assets without leaving the main design file.

This is especially useful for template creators who prepare demos, thumbnails, homepage sections, feature cards, and promotional images. The design can stay in Figma, while the AI workflow supports the visual production around it.

Weave workflows are becoming shareable resources

Figma is also bringing Weave workflows to the Figma Community. A workflow can now be published as a public template, making the process behind a creative output easier for others to inspect, duplicate, adapt, and build on.

This is important because the value of an AI workflow is not only the final image. The reusable logic behind the result matters too. A good workflow can show how prompts, reference images, generation steps, and refinements work together, which makes it useful for teams that want repeatable creative systems instead of isolated experiments.

IMPORTANT: Weave tools in Figma are in open beta and are free to use during the beta. They are available on Professional, Organization, and Enterprise plans and require can edit access to a file. Once generally available, Weave tools in Figma will consume Figma AI credits.{alertWarning}

The upcoming Figma node brings frames into Weave

The Figma node in Weave is the next piece of the connection. Weave tools bring AI workflows into Figma, while the Figma node will bring Figma frames into Weave. Figma describes it as a way to paste a Figma frame onto the Weave canvas and connect it to upstream and downstream workflow nodes.

That can be powerful for production workflows where a design frame becomes a live input. For example, a layout could connect to translated copy, campaign variations, or asset-generation steps while keeping the original design direction in Figma. Figma says the node is expected later this summer, so teams should treat it as upcoming rather than fully available today.

Daisuki's Take: What This Means for Web Designers

For web designers, this update is interesting because it connects two parts of the creative process that often feel separate: designing the page and producing the visuals that support it. When AI tools live closer to the design canvas, it becomes easier to test whether an asset actually fits the layout, brand, and user experience.

We think the most useful part is not just faster generation. It is the move toward repeatable workflows. If a team can turn a useful visual process into a shared Weave workflow, that process can become part of the design system instead of staying inside one person's private experiment.

The practical takeaway is to use these tools with structure. Start with clear brand direction, test results inside real layouts, compare variations carefully, and document workflows that produce reliable outputs. For template creators, that can make AI-assisted visuals more consistent and easier to reuse across multiple designs.

{getCard} $type={custom} $title={What's New?} $info={More design, AI tools, creative workflow, and visual editing news} $icon={}

Sources and Recommended Links

• Connecting Figma and Weave | Figma Official Blog
• Use Weave tools in Figma | Figma Official Help Center