How to keep brand colors consistent in Figma Weave

You will build a Figma Weave workflow where one Color Palette node drives every image you make, from a recolored garment mockup to a full campaign grid. It suits designers who already have brand hex codes or a mood board and want the same colors in every output. You need a Figma Weave account and the example workflow duplicated.

A Better Way of Working With Color in Figma Weave, by Figma Weave on YouTube. 5 min 41 s.

10 chapters. Tap a step to jump to it.Chapters from the creator
Video length
5 min 41 s
Time to do it
20 minutes
Difficulty
Medium
Steps
8

What you need

Steps

  1. Open the Color Palette node in your Figma Weave workflow. Add your brand colors by sampling a mood board or typing exact hex codes, then save the palette.

  2. Connect the palette output as text into an Array node. Use the array to split the hex codes into zones, such as body, chest pocket and seams.

  3. Add an LLM prompt writer node and feed it the palette. Ask it for an accurate ghost mockup of the garment you want to recolor.

  4. Lock the prompts and recolor one zone at a time, so the chest pocket or seams change without touching the rest of the garment.

  5. Connect an image model to the recolor workflow and run it. Compare the results side by side before you settle on a version.

  6. Pass the whole palette as an image input into the editorial photoshoot workflow, so the shoot inherits the same colors.

  7. Write one LLM prompt for the campaign and generate a full grid of on-brand images from it.

  8. Add the color correction node and use its before and after toggle to fine-tune the final look.

Tips and common mistakes

Define the palette once at the start, then reuse the node everywhere instead of retyping colors into each prompt.

Double-check your hex codes against the brand guide before you connect anything, since every output copies them.

Keep prompts locked after a good result so a later tweak cannot drift off-brand.

Compare the before and after toggle at full size, because small color shifts are hard to spot in a thumbnail grid.

Questions

Do I need design experience to use this?

No. You mainly connect nodes and paste hex codes. Knowing your brand colors and how you want the garment split into zones matters more.

Can I use a mood board instead of hex codes?

Yes. The Color Palette node accepts colors picked from a mood board, or you can type exact hex values if you already have them.

Will the same palette work for both mockups and photoshoots?

Yes. You can send it as text into a prompt or as an image input, so both workflows stay tied to one source palette.

This guide was drafted from the video's details and general task knowledge. It has not been checked against the full video. Check the video and relevant product instructions before following a procedure. Report a correction.

More in Art & Design

See all