How to Create Custom Weave Tools for Figma

By Figma

Categories: Design, Product

Summary

Figma's Weave tools let creators build no-code AI workflows with a node-based editor, then publish them to the community for instant distribution. By locking fixed values and exposing only necessary inputs, builders can create reusable custom tools that generate consistent creative assets without writing code.

Key Takeaways

  1. Use the output node as your control point—it determines what end result displays and makes the workflow reusable as a simple UI tool in Figma.
  2. Lock nodes with fixed values so they don't appear as inputs in your tool UI—this lets you control exactly which parameters users can customize.
  3. Build from existing Weave tools by clicking the weave icon, duplicating to your files, then swapping nodes to customize workflows for specific brand needs.
  4. Customize tool inputs by renaming fields, reordering them, and adding descriptions before publishing—this makes your tool discoverable and usable by non-technical creators.
  5. Publishing to the Figma community makes tools discoverable to all users via the tools tab—creators can filter by 'created by you' to manage and reuse their own tools.

Related topics

Transcript Excerpt

Now, you can publish your very own custom weave tools that anyone can use. They'll get the same reliable results ready to plug into their designs in Figma. In this video, we'll show you how. Before we get into the details on how to build a weave tool, let's show you what the finished product looks like in Figma. Head over to the tools tab in the left-hand panel and filter by weave tools. Here, you'll find tools built by the Figma team as well as any tools that have been published to the community. Using weave tools is simple. Just select the tool, provide the required inputs, and generate. For example, let's take a look at the product shoot tool. We'll select the photo of our product, a scene setting, and click generate. And after a few moments, you've got a polished product photo ready to…

More from Figma