The workspace in a design tool where you create and arrange visual elements, representing the artboard or page you’re designing. In Framer, the cursor that lets you precisely place and manipulate elements. The scale.canvas is where you build your site visually, with a floating canvas supports zoom, pan, and rulers to help you work at any

Generative Fill replaces or creates content inside selected areas while matching surrounding context. It often depends on accurate Image Segmentation and pairs with Generative Expand for broader canvas edits.

A C2PA Manifest is the signed data structure used to encode provenance assertions for digital media. It underpins Content Credentials and can be stored in a C2PA Manifest Store.

What is vibe design?

Vibe design is the practice of directing the look, feel, and layout of a user interface through natural language prompts and AI-assisted tools instead of manually adjusting every canvas detail.

Why it matters

It helps teams move from intent to interface faster. Instead of starting with blank frames, spacing rules, and individual style decisions, creators can describe the desired outcome, then refine the generated result through iteration.

Example

A designer might ask for a calm editorial landing page, a dense SaaS comparison section, or a playful onboarding screen. The prompt sets the direction, while follow-up edits tune hierarchy, copy, layout, and interaction details.

How it works in Framer

In Framer, vibe design works best when the prompt describes the visible goal clearly: audience, structure, density, tone, and important content. The AI can then create or revise editable canvas elements while keeping the result aligned with the site’s design system.

A CMS agent is an AI assistant that creates, organizes, imports, and updates CMS content so collection data stays connected to website pages.

In AI-assisted website creation, cms agent helps teams move faster without losing control of structure, content, performance, or editable design details.

An external agent is an AI tool outside Framer that connects to a project to inspect, update, or automate site work through an agent bridge.

In external AI agent workflows, external agent helps teams move faster without losing control of structure, content, performance, or editable design details.

A prompt loop happens when a designer repeatedly asks an AI for changes without being able to directly edit or control the resulting design.

In AI-assisted website creation, prompt loop helps teams move faster without losing control of structure, content, performance, or editable design details.

An agent skill is an installed capability or command that lets an AI agent perform project-specific actions, such as connecting to Framer or editing a site.

In external AI agent workflows, agent skill helps teams move faster without losing control of structure, content, performance, or editable design details.

Auto-branching automatically separates agent or team changes into branches so the original project stays clean while work is reviewed.

In collaborative Framer workflows, auto-branching helps teams move faster without losing control of structure, content, performance, or editable design details.

Branch-aware cursors show collaborators in the correct branch context, so teams can review and edit without confusing separate versions of a project.

In collaborative Framer workflows, branch-aware cursors helps teams move faster without losing control of structure, content, performance, or editable design details.

AI site migration uses an agent to recreate pages, structure, styles, and CMS content from an existing site, export, or reference in Framer.

In AI-assisted website creation, ai site migration helps teams move faster without losing control of structure, content, performance, or editable design details.

Agent permissions define what an AI agent is allowed to read, edit, create, publish, or automate inside a project.

Agent permissions help teams control risk when using AI. A project may allow an agent to edit CMS content, inspect pages, or create branches, while reserving publishing, production changes, or destructive edits for human approval.

An agent audit trail is a record of AI-assisted changes, decisions, and updates that helps teams review what happened in a project.

An agent audit trail makes AI work accountable. It can include changed content, branch activity, review notes, or publishing history so teams can understand what was edited and roll back or refine work when needed.

Agent-editable content is website or CMS content structured so an AI agent can update it safely without breaking the design.

Agent-editable content depends on clear fields, reusable components, and predictable page structure. When content is well organized, an agent can update copy, metadata, or CMS records while keeping the site consistent and editable.

Framer’s vector tools let designers craft visual assets in place, keeping illustrations, masks, and interface details editable alongside the rest of the site.

In Framer workflows, exportable layers help teams move graphics, images, and design assets between site production, marketing, and documentation needs.

Framer comments keep feedback connected to the exact design context, helping teams review pages, resolve decisions, and collaborate without scattering notes across tools.

In Framer, multiplayer cursors make collaboration feel immediate by showing teammates’ presence on the canvas, helping teams design together without losing context.