In this video, watch Rachel—a product designer at Cheddar, a budgeting app—work with the Figma agent to transform a landing page wireframe into an immersive, brand-forward experience: building a custom shader for the hero section, generating on-brand product imagery, and adding motion to a key interaction.
In the following articles, we'll take a closer look at each of these methods of adding expressivity and how to use them in your workflow:
- Build your own shaders and effects: use the Figma agent to generate shader fills and effects, then refine them with built-in controls
- Create imagery that feels on-brand: use image tools and Figma Weave to generate high-quality, brand-aligned imagery without leaving the canvas
- Bring designs to life with motion: use the agent to explore motion directions, then fine-tune with Figma Motion
Tip: To learn more about the Figma agent in design files—including a complete list of supported features—check out the guide to working with the Figma agent in design files.