Figma: Design a YouTube thumbnail with Weavy AI

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
- Generate initial characters and create variations for specific actions like running.
- Isolate characters to work on them individually rather than in a single image.
- Remove backgrounds from the isolated characters using the available tools.
- Use style references to add specific details like boots or props to the characters.
- Open the compositor node to move layers around on a canvas.
- Adjust the environment, perspective, and camera angles.
- Modify the color scheme to match your specific brand or podcast aesthetic.
- 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
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
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
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
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
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
Figma