If you haven’t tried Agents in a while, the July Update is a good reason to come back. They’re now more capable and reliable, with support for Page Effects, A11Y attributes, richer Overlays, CMS video, Text Shadows, draggable interactions, and more. We’ve also improved how Agents handle longer conversations, Code changes, summaries, and Variables. And to help you give them another try, two of our fastest models are 50% off through August 14. GPT 5.6 Terra balances speed and quality, while Luna is built for speed. See the full changelog below.

Agent

• Added support for Page Effects editing

• Added support for A11Y layer attributes

• Added support for Text Shadow properties

• Added support for draggable layer properties

• Added support for Tap Highlight Color

• Added support for hiding layer Scrollbars

• Added CMS Rich Text Video insertion

• Added Enter and Exit Backdrop transitions

• Added safe areas to floating Overlays

• Added overflow linting for Ticker layers

• Added viewport height validation

• Added restrictions for No Index values

• Added out-of-scope Variable warnings

• Added detached Components to summaries

• Added billed Token usage to Stats

• Added File Downloads to Agent Chat

• Added Code File changes to summaries

• Added Redirect changes to summary views

• Added CMS Item links to summaries

• Improved Claude compaction thresholds

• Improved context ceiling reliability

• Improved boolean handling in Computed Values

• Improved parent and child layer validation

• Improved trust handling for Script URLs

• Fixed invalid Control Reference assignments

• Fixed incorrect names for Vector Sets

• Fixed summaries when viewing another scope

• Fixed Tracking IDs using Link Variables

• Fixed failed summary compaction

• Fixed Skills menu positioning between Chats

• Fixed Link 404s in Code Components

• Fixed Link 404s for Draft Pages

Canvas

• Added Reset Override to Vector Icons

• Added external Icon Sets to Actions

• Added EM type to Decoration Thickness

• Improved Stack inference on Design Pages

• Improved Component loading after Code edits

• Improved persistence of Vector Icon previews

• Improved Alpha handling for Image Shaders

• Improved Shader dragging performance

• Improved Figma imports with Overflow: Clip

• Improved grouped Shape SVG size 50%

• Fixed replacement priority for Custom Fonts

• Fixed relative Imports in Code Files

• Fixed shallow-scope Localization imports

• Fixed broken Images aborting Rich Text

Opus 5 is now available in Framer. On our Navigation Benchmark, it completed the task 1.5 min faster than Opus 4.8, and ~12% more efficiently when creating fully interactive and responsive navigations from scratch. Opus 5 achieved the same score as Fable 5 while using 0.5× the credits in this task. It generally uses 1.2× the credits of GPT 5.6 Sol, our new baseline.

Framer Agents now use far fewer credits on larger, multi-step builds, giving you more room to create pages, make site-wide updates, and refine your work within the same credit budget. We worked directly with OpenAI to improve model efficiency in Framer, resulting in OpenAI models using around 25% fewer credits on multi-step builds. Alongside that work, we improved all models to complete tasks in 15–30% fewer steps, use 30–40% fewer tokens, and save another 10–15% through better caching. Agents now also catch and resolve more unintended side effects.

We’ve also made GPT-5.6 Terra the default model in Framer. In our testing, it is more capable than GPT-5.5, twice as fast, and uses 37.5% fewer credits. Combined with the broader efficiency improvements, multi-step builds with Terra use 60–67% fewer credits than GPT-5.5 did when Framer Agents launched. Sonnet 5 and Opus 4.8 benefit from the same improvements, using 48% fewer credits. These improvements are now live across Framer Agents and External Agents.

We’re introducing mouse interaction to two more Shaders: Liquid Gradient and Logo Gradient. Liquid Gradient creates animated color fields that move across your screen, while the Logo Gradient adds shifting gradient effects to SVGs and PNGs. Both respond to your cursor with smooth, spring-based tracking, combining motion-style interaction with WebGL effects. Tweak the colors, motion, intensity, and more to create endless variations of these shaders. To add the new interactions, simply click + on the new Mouse property while having your shader selected.