← All Framer updates
Framer Agents Page Effects, A11Y, Overlays, and CMS Video — Plus Canvas Vector and Shader Polish cover
Framer update · 9 min read · 7 tags

Framer Agents Page Effects, A11Y, Overlays, and CMS Video — Plus Canvas Vector and Shader Polish

Agents can now edit Page Effects, A11Y attributes, Text Shadows, draggable layers, CMS rich-text video, and richer Overlays — with smarter summaries, Variables linting, and Canvas vector, shader, and Figma import polish. Terra and Luna are 50% off through August 14.

update agents canvas cms accessibility overlays design

TL;DR — On July 29, 2026, Framer shipped a broad Agents and Canvas update that closes long-standing gaps between what you can edit manually and what Agents can touch: Page Effects, A11Y layer attributes, Text Shadows, draggable layer properties, CMS Rich Text Video, Overlay backdrop transitions and safe areas, and deeper change summaries (Code files, redirects, CMS item links, detached components, billed token stats). Canvas picked up Vector Icon reset overrides, external Icon Sets in Actions, Stack inference on Design Pages, and shader dragging performance. Framer also runs 50% off GPT 5.6 Terra and Luna through August 14 to encourage teams to retry Agent workflows.

If you paused Agents because they could not reach overlays, accessibility metadata, or CMS video inside rich text, this release is the practical reason to open a branch and rerun those prompts. The sections below group Framer’s changelog into decisions you can act on today — without copying their marketing bullets verbatim.

July Agents and Canvas at a glance

AreaWhat Framer added or improvedWhy it matters on client work
Page EffectsAgent editing supportFull-page motion and scroll polish without hand-fixing every effect layer
AccessibilityA11Y layer attributes in AgentsFaster accessibility passes on nav, CTAs, and interactive components
Typography & interactionText Shadows, draggable layers, Tap Highlight Color, hidden scrollbarsAgents can match production interaction details designers previously fixed manually
CMSRich Text Video insertionBlog and changelog bodies can include embedded video via Agent-assisted CMS work
OverlaysEnter/Exit backdrop transitions, safe areas on floating overlaysModal and mobile menu builds Agents can actually finish
Summaries & statsCode file, redirect, CMS item, and detached component summaries; billed token usage in StatsReview Agent diffs faster before merging branches
Variables & validationOut-of-scope warnings, No Index restrictions, viewport height checks, Ticker overflow lintingFewer silent mistakes on SEO-sensitive or scroll-heavy layouts
ReliabilityClaude compaction, context ceiling, boolean Computed Values, parent/child validation, Script URL trustLonger Agent sessions stay coherent on real projects
Canvas — vectors & iconsReset Override on Vector Icons, external Icon Sets in ActionsIcon swaps and action menus without breaking component overrides
Canvas — layout & shadersStack inference on Design Pages, shader drag performance, Image Shader alphaCalmer daily canvas work and fewer shader jank complaints
Promo50% off Terra and Luna through August 14Lower risk when benchmarking the expanded Agent surface area
Prior blockerJuly update response
”Agents cannot touch Page Effects”Page Effects editing is now in scope
”Overlay menus need manual safe-area tweaks”Safe areas and backdrop transitions Agent-editable
”CMS video lives outside rich text”Rich Text Video insertion supported
”Agent summaries miss code and redirects”Summaries now surface Code, Redirect, and CMS item changes
”Vector icon overrides stuck after swaps”Reset Override on Vector Icons in Canvas

What changed in Framer Agents (July)

1. Page Effects, Text Shadows, and draggable layers

Framer’s headline pitch is that Agents finally reach the polish layer — not just static layout. Page Effects editing means scroll-linked motion, entrance animations, and page-level effect stacks can move through Agent prompts instead of becoming a hand-fix list after an otherwise good first draft.

Text Shadow properties and draggable layer properties extend that into typographic depth and drag-to-reorder interactions. If your last Agent run nailed structure but ignored hero type treatment or a draggable feature grid, rerun on a branch with an explicit scope: “apply Text Shadow to display headings only” or “enable draggable reorder on the feature Stack.”

2. Accessibility attributes Agents can edit

A11Y layer attributes support turns accessibility from a post-launch checklist into something you can scope in the Agent chat — alt text patterns, labels on icon-only buttons, and metadata on navigation items. This pairs well with Forms antispam and conversion work when you are hardening production sites, not just marketing shells.

3. Richer Overlays — backdrops, safe areas, and scroll linting

Overlay-heavy sites — mobile nav drawers, announcement modals, floating toolbars — gained Enter and Exit Backdrop transitions and safe areas on floating Overlays. Agents can now reason about notch and home-indicator padding instead of leaving floating panels clipped on iOS previews.

Overflow linting for Ticker layers and viewport height validation reduce the class of “looks fine in desktop Agent preview, breaks on phone” surprises. Mention target breakpoints in your prompt when testing overlay work.

4. CMS Rich Text Video and deeper CMS Agent support

CMS Rich Text Video insertion is the editorial headline for content teams. Agents can help populate video inside formatted blog or changelog bodies — a workflow that previously meant leaving CMS, embedding elsewhere, or pasting brittle embed code by hand.

Combine this with CMS 3.1 quick-add rows when you are bulk-loading launch content: add rows fast, then Agent-assist rich text and video fields on a branch.

5. Summaries, stats, and review ergonomics

Review time often beats generation time on agency projects. This drop expands what Agent summaries surface:

  • Code File changes
  • Redirect changes
  • CMS Item links
  • Detached Components
  • Billed Token usage in Stats

File Downloads in Agent Chat also land here — useful when an Agent produces an asset bundle or export you need to inspect offline. Treat summaries as your pre-merge diff: scan Code and Redirect lines before approving a client staging link.

6. Variables, SEO guardrails, and long-session reliability

Out-of-scope Variable warnings and restrictions for No Index values help Agents avoid breaking design tokens or accidentally no-indexing launch pages. Improved Claude compaction thresholds and context ceiling reliability target the “Agent forgot what we agreed three prompts ago” failure mode on longer builds.

Improved boolean handling in Computed Values and parent/child layer validation reduce subtle logic bugs in component variants — especially on SaaS marketing sites with dense component libraries.

7. Terra and Luna promotional pricing

Framer is offering 50% off GPT 5.6 Terra and Luna through August 14, 2026. Terra remains the sensible default after the July 21 efficiency pass; Luna fits speed-heavy CMS and find-and-replace sessions. Use the promo window to benchmark the new capabilities without treating credit burn as the primary variable.

Canvas improvements in the July update

Agents stole the headline, but Canvas fixes affect every manual session too.

Vector Icons, Icon Sets, and typography details

  • Reset Override on Vector Icons — recover when icon swaps inherit stale override state.
  • External Icon Sets in Actions — pull third-party icon libraries into action menus without rebuilding components.
  • EM type on Decoration Thickness — finer typographic control on underlines and strikethroughs.

Layout inference and component loading

  • Improved Stack inference on Design Pages — less fighting when pasting Figma-like regions into Stacks.
  • Improved Component loading after Code edits — fewer stale previews when Code Components change underneath.

Shaders, Figma import, and SVG hygiene

  • Improved Alpha handling for Image Shaders and Shader dragging performance — smoother shader-heavy hero work on the canvas.
  • Improved Figma imports with Overflow: Clip and grouped Shape SVG size 50% — cleaner handoff from design files.
  • Fixed broken Images aborting Rich Text — CMS editorial sessions fail less often when an image URL breaks mid-edit.

Changelog annotated

Framer published two clusters — Agent and Canvas. Below is an editorial read of the highest-impact lines; the official post remains authoritative for every bullet.

Official themeRepresentative additionsPractical read
Agent — creative surfacePage Effects, Text Shadows, draggable layers, Tap Highlight ColorAgents can finish interaction and type polish, not just boxes
Agent — accessibility & SEOA11Y attributes, No Index restrictions, viewport validationSafer production passes with fewer manual property-panel detours
Agent — CMS & overlaysRich Text Video, Overlay safe areas, backdrop transitionsContent and navigation patterns Agents previously skipped
Agent — review & opsCode/Redirect/CMS summaries, billed tokens, File DownloadsFaster branch review before client staging
Agent — reliabilityCompaction, context ceiling, Variables warnings, side-effect fixesLonger sessions on multi-page files stay usable
Canvas — icons & actionsVector reset override, external Icon SetsIcon system maintenance without component surgery
Canvas — layout & importStack inference, Figma Overflow Clip, grouped SVG sizeLess cleanup after design import
Canvas — shadersAlpha handling, drag performanceDaily shader tweaking feels less sticky

How to use the July Agent expansion

  1. Branch firstBranching keeps production safe while you test Page Effects and Overlay prompts.
  2. Confirm the model — default GPT 5.6 Terra; switch to Luna for fast CMS passes while the 50% promo runs through August 14.
  3. Scope one capability per prompt — “Add safe areas to mobile overlay menu” beats “fix entire site navigation” when validating new Agent powers.
  4. Request an accessibility pass explicitly — A11Y attributes will not apply themselves; name nav, buttons, and forms in the prompt.
  5. Review summaries before merge — scan Code, Redirect, and CMS item lines; they now show up by design.
  6. Pair CMS video with quick-add — open CMS 3.1 table view when bulk-loading posts that need rich-text embeds.
  7. Retry paused workflows — if you stopped using Agents in June because overlays or Page Effects were out of scope, rerun the same prompt class on staging.

Three workflow recipes to try this week

Recipe 1

Mobile overlay menu with safe areas and backdrop transitions

A SaaS marketing site needs a floating mobile nav with enter/exit backdrop fades — your last Agent run could build the stack but not tune overlay timing or notch padding.

  1. Branch the project and select GPT 5.6 Terra (or Luna if you want maximum speed during the promo window).
  2. Prompt: rebuild the mobile overlay menu with enter and exit backdrop transitions and safe areas for floating layers; preserve desktop nav unchanged.
  3. Preview on a phone frame, read the Agent summary for Overlay and Redirect lines, merge when backdrop timing feels native.
Recipe 2

CMS blog launch with rich-text video embeds

Twelve launch blog posts need hero copy plus embedded product walkthrough video inside rich text — manual embeds would take an afternoon.

  1. Open CMS 3.1, quick-add draft rows for each post title and slug on a branch.
  2. Agent prompt: for each visible draft row, write excerpt and body copy and insert rich-text video embeds where the outline marks demo sections — do not change slugs.
  3. Spot-check three posts in staging preview, confirm video renders inside rich text, publish when legal approves.
Recipe 3

Page Effects and Text Shadow pass on a launch hero

A product launch hero has static layout from an earlier Agent pass but lacks Page Effects scroll polish and display type shadows the brand guide requires.

  1. On a branch, scope the Agent to the home hero only — reference the brand PDF for shadow depth if you have one attached via File Downloads.
  2. Prompt: add Page Effects for scroll-linked hero motion and Text Shadow on the display heading per brand hierarchy; do not alter footer or pricing routes.
  3. Review Page Effects on staging scroll, revert any over-animation, merge when motion matches the approved storyboard.

Framer templates to stress-test July Agent capabilities

These remix-friendly files give Agents CMS collections, overlay-friendly navigation, and hero depth — realistic surfaces for the July 29 capability expansion.

Browse more in the template directory or our best free SaaS Framer templates in 2026 roundup.

Official Framer resources worth bookmarking

More reading on yoframer

The bottom line

Framer Agents crossed a capability gap on July 29 — Page Effects, accessibility metadata, overlays, CMS video, and richer summaries are now in scope, not wishlist items. Canvas picked up the vector, shader, and import polish that makes manual cleanup faster even when you are not running Agents. If you stepped away from Agent delivery because half your site lived in properties Agents could not touch, branch a real project, use the Terra or Luna promo through August 14, and rerun the exact prompts that stalled in June. The expanded summary panel is your safety net — read Code and Redirect lines before you send staging to a client.

Get started free on Framer →

Frequently Asked Questions

Quick answers about Framer's July 29 Agents and Canvas update — Page Effects and A11Y editing in Agents, CMS rich-text video, Overlay safe areas and backdrop transitions, summary improvements, Terra and Luna promotional pricing through August 14, and where to read Framer's official release notes.

When did Framer publish the July Agents and Canvas update?
Framer published the update on July 29, 2026 at https://www.framer.com/updates/july-update-2026. The Agent and Canvas improvements ship in current editor builds for Framer users on supported plans — not a separate paid add-on. AI usage still consumes credits per your plan; see https://www.framer.com/pricing and https://www.framer.com/blog/ai-credits-pricing/ for limits.
Can Framer Agents edit Page Effects now?
Yes. Framer added Agent support for Page Effects editing in this release — one of the headline reasons Framer says Agents are more capable for full-page polish. Pair Page Effects prompts with a branch so you can review motion and scroll behavior on staging before merging to main.
What accessibility attributes can Agents edit?
Framer added Agent support for A11Y layer attributes — the accessibility metadata you attach to layers for screen readers and assistive tech. That makes it practical to ask an Agent for an accessibility pass on navigation, buttons, and hero CTAs instead of hand-editing every layer in the properties panel.
Can Agents insert video into CMS Rich Text fields?
Yes. CMS Rich Text Video insertion is new in this drop. Agents can help populate blog or changelog entries where embedded video belongs inside formatted body copy — useful alongside CMS 3.1 quick-add workflows covered at /framer-updates/framer-cms-quick-add-items-update/.
What changed for Framer Overlays in this update?
Agents gained Enter and Exit Backdrop transitions, safe areas on floating Overlays, and related validation work. Designers building modal menus, slide-out panels, and mobile navigation overlays can now scope Agent prompts around backdrop timing and notch-safe positioning without rebuilding components manually.
Are GPT 5.6 Terra and Luna discounted after this update?
Framer is offering 50% off two of its fastest models through August 14, 2026. GPT 5.6 Terra balances speed and quality as the default Agent model from the July 21 efficiency pass at /framer-updates/framer-agents-credit-efficiency-update/, while Luna is tuned for speed-heavy tasks. Check the model picker in Agents for current promotional pricing in your account.
What Canvas improvements shipped alongside the Agent work?
Canvas updates include Reset Override on Vector Icons, external Icon Sets in Actions, EM units on Decoration Thickness, better Stack inference on Design Pages, faster shader dragging, improved Alpha handling on Image Shaders, and Figma imports that respect Overflow Clip. See the Canvas section on https://www.framer.com/updates/july-update-2026 for the full list.
Where can I read Framer's official July update release notes?
The canonical post is at https://www.framer.com/updates/july-update-2026. For adjacent Agent releases see /framer-updates/framer-agents-credit-efficiency-update/ and browse all platform drops at https://www.framer.com/updates.

Keep exploring

Browse every free and premium Framer template in the yoframer directory, or open the full Framer updates index.

More updates