demobook

Figma: Design a YouTube thumbnail with Weavy AI

FigmaTry it →Watch full video →Rourke Heath ·

Demo summary

Rory Flynn shows how he uses Weavy AI's compositor node and layers to isolate characters, remove backgrounds, and adjust camera angles to create a consistent aesthetic for a podcast thumbnail.

Step-by-step

  1. Generate initial characters and create variations for specific actions like running.
  2. Isolate characters to work on them individually rather than in a single image.
  3. Remove backgrounds from the isolated characters using the available tools.
  4. Use style references to add specific details like boots or props to the characters.
  5. Open the compositor node to move layers around on a canvas.
  6. Adjust the environment, perspective, and camera angles.
  7. Modify the color scheme to match your specific brand or podcast aesthetic.
  8. Upscale the final composite and add typography-based text.

Options

  • Use style references to apply specific aesthetics to characters
  • Change camera angles (e.g., going lower) to alter the shot perspective

Watch out for

  • This is not a one-click solution; it requires manual layering and design thinking.

Tips

  • Work on characters individually instead of trying to generate both in one image to maintain better control.
  • Design in layers and history track rather than just clicking 'regenerate' repeatedly.
  • Avoid getting caught up in finding the 'perfect prompt' by using the compositor to design manually.

Highlights

This is not a one-click solution. This is just me working here in my own brain... do everything in layers. Control this, move this.

AI Image Generator

  1. 29:034:45Automating Multi-Angle Prompts with Array and List NodesThe demonstration shows how to use an 'Array' node to split a single block of text (separated by asterisks) into individual camera angle prompts and then mapping them to a 'List' node for batch processing.DGI Kaos
  2. 0:210:17Building node-based AI workflows in Figma WeaveThe video demonstrates the Figma Weave interface where a user connects various AI model nodes and image processing blocks to create a repeatable design machine.Figma Weave
  3. 7:341:48Extracting camera angles using LLM nodesThe user demonstrates resizing a 3D model view and using a ChatGPT node to describe the specific camera angle in text for use in further image generation.Artturi Jalli
  4. 13:492:32Design a YouTube thumbnail with Weavy AICurrentRory Flynn shows how he uses Weavy AI's compositor node and layers to isolate characters, remove backgrounds, and adjust camera angles to create a consistent aesthetic for a podcast thumbnail.Rourke Heath
  5. 34:473:06Scaling image generation with prompt arrays in Weavy AIThe demo shows how to use an LLM node to generate 10 unique prompt variations from a single idea, splitting them via an array node to produce batch outputs in Weavy AI's app mode.Anderson Edjéme