---
title: Framer's agent generates images and shaders right on the canvas
date: 2026-11-14
edition: 2026-11-14
rubric: Images and video
perex: Framer's Agent can now generate custom images, textures and illustrations, and create shaders such as halftone, bokeh blur or CRT. It also edits images on the canvas.
topics: [web-buildery, obrazky-video, ai-agenti]
---

Framer keeps widening what its agent can do. The 12 Nov 2026 entry on Framer's updates page covers the visual layer of a site: images, textures and shaders. Until now you would reach for an external generator for a hero background and upload the file by hand.

## What is new / How it works

According to the Framer updates page, "Image and Shader Generation" lets the Agent:

- generate custom images, textures and illustrations,
- edit images you add or select on the canvas, such as swapping subjects, removing backgrounds or restyling them,
- create shaders, for example halftone, bokeh blur or CRT effects,
- modify shaders already on your canvas.

The two features can be combined: generate an image, then apply an image shader to it. The entry does not state limits, credits or plan availability – check your own account.

## Why it matters

The path from idea to finished visual gets shorter. Instead of switching between an image generator, an editor and a site builder, you ask in one place and the result stays editable on the canvas. It fits a trend of recent weeks: Framer's agent already builds funnels and A/B tests, and since Harness 2 (2 Nov) it acts as a general worker across the whole site. A texture or shader made in the same context also sees your colors and typography.

Stay careful with content: review generated images for brand fit, rights and accessibility (alt text, text contrast over a shader) before publishing.

## How to start

1. Open a project in Framer and start the Agent.
2. Ask for one texture or illustration for a hero section and describe your brand style and colors.
3. Ask for a shader (e.g. halftone) on top and tune the intensity.
4. Try editing an existing image – remove the background or restyle it.
5. Check text contrast and mobile performance.

## Sources

- [Framer updates](https://www.framer.com/updates/)