demobook

Figma: Extracting camera angles using LLM nodes

FigmaTry it →Watch full video →Artturi Jalli ·

Demo summary

The 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.

Step-by-step

  1. Search for and drag a resizing node from the node library into the workspace
  2. Connect the 3D model image to the resizer and set dimensions to 265x265
  3. Add a text node and input a prompt asking the AI to describe the camera angle in one sentence without mentioning the object
  4. Drag an LLM node (such as ChatGPT) into the workspace
  5. Connect the text node to the prompt section of the LLM node
  6. Connect the resized image to the LLM node
  7. Click Run Model to generate the camera angle description

Options

  • Manually type the camera angle description instead of using an LLM node

Tips

  • Instruct the AI to describe the angle in maximum one sentence to keep the output concise
  • Explicitly tell the AI not to mention the object itself in the description to focus purely on the camera perspective

Highlights

Awesome. Here is our result. So now it is saying low angle camera looking upward from below which is exactly what is happening over here.

All demos from “How to Use Weavy AI — Full Guide + Workflow Included (Figma Weave)

  1. 7:341:48Extracting camera angles using LLM nodesCurrentThe 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.FigmaAI Image Generator
  2. 11:501:34Swapping objects in a pre-built AI workflowThe video shows the efficiency of the node system by swapping the 'glass' prompt for a 'banana' prompt to generate a new object in the exact same camera angle using the existing pipeline.FigmaAI Inpainting
  3. Watch “How to Use Weavy AI — Full Guide + Workflow Included (Figma Weave)” →

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 nodesCurrentThe 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 AIRory 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