Design

Create custom shaders and visual effects for unique design treatments

The design agent can build shader effects and shader fills so designers can create and customize visual treatments like dither, liquid metal, fractal noise, watercolor, moiré, and pattern-based effects directly in Figma.

Why the human is still essential here

Designers provide the aesthetic direction, choose which parameters matter, judge visual quality, and combine generated effects with broader creative intent and brand standards.

How people use this

Liquid metal hero treatment

A designer uses the agent to generate a reflective liquid-metal shader for a homepage hero, then tunes color, distortion, and lighting to match the brand campaign.

Figma agent / GL Shader Studio

Dithered poster texture

A team creates a reusable shader fill that adds controlled grain and dithering to typography and backgrounds for editorial or event-poster layouts.

Figma agent / GL Shader Studio

Moiré pattern overlay

A designer prompts the agent to build a moiré or interference-pattern effect that can be applied as a branded overlay across social, web, and presentation assets.

Figma agent / GL Shader Studio

Need Help Implementing AI in Your Organization?

I help companies navigate AI adoption -- from strategy to production. Whether you are building your first LLM-powered feature or scaling an agentic system, I can help you get it right.

LLM Orchestration

Design and build LLM-powered products and agentic systems

AI Strategy

Go from idea to production with a clear implementation roadmap

Compliance & Safety

Build AI with human-in-the-loop in regulated environments

Related Prompts (4)

Latest community stories (1)

News
Blog

Figma’s design agent, now with custom tools and greater context

Prompting gets you started. Custom tools, real context, and skills take the design agent further—so what ends up on the canvas actually looks like you.

GR
Georgia Rust and Rodrigo DaviesManager of Product Management and Product Manager at Figma
Jun 24, 2026