Add Collection Fields
Create or update typed field definitions in a CMS collection.
ActionTry it
Integrate Framer
with your AI CRM
Framer is a website builder and design platform whose Server API supports project publishing, CMS, localization, canvas, asset, code, and agent workflows.
Explore Triggers and Actions
Add Collection Items
Create or update CMS collection items with typed, tagged field values.
ActionTry it
Add Component Instance
Insert a component instance by component module URL.
ActionTry it
Add Detached Component Layers
Insert editable component layers using the current editor selection/context without retaining an instance. This action does not accept a target page. Attributes are forwarded to Framer, but Framer currently ignores them when producing the detached output and returns the component defaults instead.
ActionTry it
Add Enum Case
Add a case to an enum field or enum variable.
ActionTry it
Add Image
Upload one image and insert it using the current editor selection/context. This action does not accept a target page.
ActionTry it
Add Images
Upload and insert multiple images using the current editor selection/context. This action does not accept a target page.
ActionTry it
Add Managed Collection Items
Add or synchronize managed CMS items with typed, tagged field values and stable external IDs.
ActionTry it
Add Redirects
Create project redirects, or update existing redirects by including their IDs; all changes take effect on a subsequent publish.
ActionTry it
Add SVG
Insert an SVG on the canvas or replace the selected SVG.
ActionTry it
Add Text
Insert text using the current editor selection/context. This action does not accept a target page.
ActionTry it
Apply Agent Changes
Execute Framer's agent command DSL on a project page.
ActionTry it
Clone Design Page
Clone a design page by node ID, optionally requesting a name.
ActionTry it
Clone Node
Clone a node by ID.
ActionTry it
Clone Web Page
Clone a web page by node ID, optionally requesting a route path.
ActionTry it
Create Branch
Create a Framer project branch from the active branch or a specified base, then switch the editor and API session to the new branch.
ActionTry it
Create Branch For Agent
Create an agent branch from the active branch and switch to it.
ActionTry it
Create Code File
Create a Framer code file with initial source content.
ActionTry it
Create Collection
Create a user-owned CMS collection in the connected Framer project.
ActionTry it
Create Color Style
Create a reusable color style in the connected Framer project.
ActionTry it
Create Component Node
Create a smart component node with a name.
ActionTry it
Create Design Page
Create a design page.
ActionTry it
Create Frame Node
Create a frame node, optionally below a parent.
ActionTry it
Create Locale
Create a project locale.
ActionTry it
Create Managed Collection
Create a plugin-managed CMS collection in the connected project.
ActionTry it
Create Text Node
Create a text node, optionally below a parent.
ActionTry it
Create Text Style
Create a reusable text style in the connected Framer project.
ActionTry it
Create Web Page
Create a web page at a route path.
ActionTry it
Delete Branch
Delete an explicit project branch, switching to its base if active.
ActionTry it
Delete Branch For Agent
Delete a branch in the agent workflow.
ActionTry it
Deploy
Promote an existing Framer deployment to explicit domains or to the project's configured production domains.
ActionTry it
Export SVG
Export a node as serialized SVG through Framer's dedicated WebSocket side channel.
ActionTry it
Flatten Component Instance For Agent
Replace a component instance with editable local layers.
ActionTry it
Get Active Branch
Get the branch currently active for the Framer editor and API session, including its base, contributor state, and creator metadata.
ActionTry it
Get Active Branch For Agent
Get metadata for the branch active in the Framer agent session.
ActionTry it
Get Agent Context
Get dynamic project context for Framer's agent command and query APIs.
ActionTry it
Get Agent System Prompt
Get Framer's static agent prompt, including its command and project-query DSL references.
ActionTry it
Get Ancestors For Agent
Get a node's ancestors from its parent through the page root.
ActionTry it
Get Branch Changes
Get semantic changes in a branch relative to its base branch.
ActionTry it
Get Branch Changes For Agent
Get a summarized changelog for a project branch relative to its base.
ActionTry it
Get Branches
Return every project branch, a selected set, or one branch by passing zero, many, or one branch ID.
ActionTry it
Get Branches For Agent
List project branches available to the Framer agent session.
ActionTry it
Get Canvas Root
Get the root node of the current canvas.
ActionTry it
Get Change Contributors
Get contributors who changed the project in an optional version range.
ActionTry it
Get Changed Paths
Get page paths added, removed, or modified between the active project version and its previously published version.
ActionTry it
Get Children
Get a node's canvas children.
ActionTry it
Get Code File
Get one Framer code file by ID or project-relative path.
ActionTry it
Get Code File Version Content
Get the source content of a saved Framer code file version.
ActionTry it
Get Code File Versions
List saved versions of a Framer code file.
ActionTry it
Get Code Files
List code files and their current contents in the connected Framer project.
ActionTry it
Get Collection
Get one CMS collection by its node ID.
ActionTry it
Get Collection Fields
List all field definitions in a CMS collection, including dividers.
ActionTry it
Get Collection Items
List items and typed field values in a CMS collection.
ActionTry it
Get Collections
List managed and user-owned CMS collections in the connected Framer project.
ActionTry it
Get Color Style
Get one reusable color style by ID.
ActionTry it
Get Color Styles
List reusable color styles in the connected Framer project.
ActionTry it
Get Current User
Get the Framer user whose identity and project permissions are represented by the connected project API key.
ActionTry it
Get Custom Code
Get custom HTML and disabled state for all four project document injection locations.
ActionTry it
Get Default Locale
Get the project's default locale.
ActionTry it
Get Deployment
Get the latest status snapshot, timestamps, creator, preview URL, and failure stage for one Framer deployment.
ActionTry it
Get Deployment Issues
Get optimization warnings and errors for a Framer deployment, including related node IDs when available.
ActionTry it
Get Descendant References Of Types For Agent
Get matching style or token nodes referenced by descendants.
ActionTry it
Get Descendants Of Types For Agent
Get descendants of a node matching provider-defined node types.
ActionTry it
Get Font
Get one available font variant by family, weight, and style.
ActionTry it
Get Fonts
List individual font files and variants available to the Framer project.
ActionTry it
Get Ground Node For Agent
Get the top-level canvas node containing a node.
ActionTry it
Get Locale Languages
List valid locale language codes.
ActionTry it
Get Locale Regions
List valid region codes for a language.
ActionTry it
Get Locales
List configured non-default locales.
ActionTry it
Get Localization Groups
Get localization groups, optionally filtered by IDs or type.
ActionTry it
Get Managed Collection Fields
List supported fields in a plugin-managed Framer CMS collection.
ActionTry it
Get Managed Collection Item IDs
List external item IDs in a plugin-managed CMS collection.
ActionTry it
Get Managed Collections
List plugin-managed CMS collections available to the connected API session.
ActionTry it
Get Node
Get a project node by ID.
ActionTry it
Get Node For Agent
Get one serialized Framer node and its children by ID.
ActionTry it
Get Nodes For Agent
Get serialized Framer nodes and their children by ID.
ActionTry it
Get Nodes Of Types For Agent
Get all nodes of selected types on a Framer page without children.
ActionTry it
Get Nodes With Attribute
Get project nodes whose node type supports an attribute, whether or not it is set.
ActionTry it
Get Nodes With Attribute Set
Get project nodes where a supported attribute has a non-null value.
ActionTry it
Get Nodes With Type
Get all nodes of a known class, optionally below a parent node.
ActionTry it
Get Parent
Get a node's parent.
ActionTry it
Get Parent Node For Agent
Get the direct parent of a node.
ActionTry it
Get Project Info
Get the connected Framer project's current identity and legacy migration ID.
ActionTry it
Get Publish Info
Get the connected project's current staging and production publication URLs, deployment times, and optimization states.
ActionTry it
Get Rect
Get the bounding rectangle of a Framer node.
ActionTry it
Get Rect For Agent
Get a node's rounded canvas rectangle.
ActionTry it
Get Redirects
List the project's redirects, including source and destination paths and locale expansion behavior.
ActionTry it
Get Scope Node For Agent
Get the enclosing page or component scope for a node.
ActionTry it
Get Text for Node
Get the plain-text content of a text node by ID.
ActionTry it
Get Text Style
Get one reusable text style by ID.
ActionTry it
Get Text Styles
List reusable text styles in the connected Framer project.
ActionTry it
Get Unpublished Page Changes
List web pages added, updated, or removed since the active branch was last published.
ActionTry it
Get Vector Set Item Variables
List customizable variables for one Framer vector-set item.
ActionTry it
Get Vector Set Items
List vector items in one Framer vector set.
ActionTry it
Get Vector Sets
List vector icon sets available to the connected Framer project.
ActionTry it
Join Branch
Join an explicit project branch as a contributor.
ActionTry it
Join Branch For Agent
Join a branch as a contributor for agent editing.
ActionTry it
Leave Branch
Leave an explicit project branch as a contributor.
ActionTry it
Leave Branch For Agent
Leave a branch as a contributor.
ActionTry it
Lint Code
Deprecated Framer lint operation retained for compatibility; SDK 5.1.0 documents it as a no-op.
ActionTry it
List Components For Agent
List project, external, and additional components available to the agent.
ActionTry it
List Deployments
List one cursor-controlled page of deployments for the active Framer branch, returning at most 30 records.
ActionTry it
List Icon Sets For Agent
List project, external, and additional icon sets available to the agent on the active page.
ActionTry it
List Localization Groups Next
List all localization groups from Framer's session-bound iterator. The action consumes every cursor on one WebSocket connection and returns the complete list.
ActionTry it
Make External Component Local For Agent
Copy an external component into the project and optionally replace all instances.
ActionTry it
Merge Branch
Merge an explicit source branch into its base or a compatible target.
ActionTry it
Merge Branch For Agent
Merge the active agent branch into its base or an explicit target, then switch to the target.
ActionTry it
Paginate For Agent
Paginate a complete item list to completion within one Framer WebSocket session and return all results.
ActionTry it
Publish
Publish the active Framer branch and return the resulting deployment plus its preview or staging hostnames.
ActionTry it
Publish For Agent
Run an agent publish operation, including production deployment when requested.
ActionTry it
Query Analytics For Agent
Run an analytics query over an ISO date range.
ActionTry it
Query Images For Agent
Search Framer's agent image sources and return candidate images.
ActionTry it
Read Component Controls For Agent
Read provider-defined controls for project components on the active page.
ActionTry it
Read Icon Set Controls For Agent
Read provider-defined controls for icon sets on the active page.
ActionTry it
Read Icons For Agent
Read exact icon names from an icon set on the active page.
ActionTry it
Read Layout Template Controls For Agent
Read provider-defined controls for layout templates on the active page.
ActionTry it
Read Project For Agent
Execute agent query objects against project state.
ActionTry it
Read Shader Controls For Agent
Read provider-defined controls for shaders on the active page.
ActionTry it
Remove Code File
Remove a Framer code file.
ActionTry it
Remove Collection Fields
Remove one or more fields from a CMS collection.
ActionTry it
Remove Collection Items
Remove CMS collection items by item or node ID.
ActionTry it
Remove Color Style
Remove a reusable Framer color style.
ActionTry it
Remove Enum Case
Remove a case from an enum field or enum variable.
ActionTry it
Remove Managed Collection Items
Remove items from a managed CMS collection by external item ID.
ActionTry it
Remove Nodes
Remove one or more canvas nodes by ID; pass a one-element list to remove one node.
ActionTry it
Remove Redirects
Remove project redirects by ID; unknown IDs are ignored by Framer.
ActionTry it
Remove Text Style
Remove a reusable Framer text style.
ActionTry it
Rename Branch
Rename an explicit project branch.
ActionTry it
Rename Branch For Agent
Rename a branch for the agent workflow.
ActionTry it
Rename Code File
Rename a Framer code file.
ActionTry it
Replace Text For Agent
Replace exact text within one Framer text node.
ActionTry it
Screenshot Node
Capture a node screenshot through Framer's dedicated WebSocket side channel.
ActionTry it
Serialize For Agent
Serialize a node with optional depth, attribute, and ancestor filtering.
ActionTry it
Serialize Nodes For Agent
Serialize multiple nodes with optional depth, attribute, and ancestor filtering.
ActionTry it
Set Code File Content
Replace the source content of a Framer code file.
ActionTry it
Set Collection Field Order
Set the display order of fields in a CMS collection.
ActionTry it
Set Collection Item Attributes
Update one CMS item's slug, typed fields, locale status, or draft state.
ActionTry it
Set Collection Item Order
Set the item order in a CMS collection.
ActionTry it
Set Color Style Attributes
Update selected attributes of a reusable Framer color style.
ActionTry it
Set Custom Code
Set custom HTML at one Framer document injection location, or clear that location by passing null or omitting HTML.
ActionTry it
Set Enum Case Order
Set the case order for an enum field or enum variable.
ActionTry it
Set Localization Data
Set localized values and per-locale group status.
ActionTry it
Set Managed Collection Fields
Replace and synchronize the typed field schema of a managed CMS collection.
ActionTry it
Set Managed Collection Item Order
Set item order in a plugin-managed Framer CMS collection.
ActionTry it
Set Node Attributes
Patch editable attributes on a node. Only explicitly supplied attributes are sent.
ActionTry it
Set Parent
Move a node to a new parent and optional child index.
ActionTry it
Set Redirect Order
Set the evaluation and display order of project redirects; unknown redirect IDs are ignored.
ActionTry it
Set Text
Set text on the current selection or insert it when appropriate.
ActionTry it
Set Text Style Attributes
Update selected attributes of a reusable Framer text style.
ActionTry it
Switch Branch
Switch the editor and subsequent edits to an explicit branch.
ActionTry it
Switch Branch For Agent
Switch the active branch for agent operations.
ActionTry it
Typecheck Code
Type-check source content with Framer's TypeScript service and return diagnostics.
ActionTry it
Update Enum Case
Update a case in an enum field or enum variable.
ActionTry it
Upload File
Upload one file asset to Framer.
ActionTry it
Upload Files
Upload multiple file assets to Framer.
ActionTry it
Upload Image
Upload one image to Framer without inserting it on the canvas.
ActionTry it
Upload Images
Upload multiple images to Framer without inserting them on the canvas.
ActionTry it
How the Framer integration works
The Framer integration connects your Dench AI CRM directly to Framer, so agents can read and act on your Framer data as part of everyday work — answering questions in chat, keeping your CRM in sync, and running automations without anyone copying data between tools.
157 actions are available for agents to invoke on your behalf. Every call runs through Framer's own authorization, scoped to the account you connect.
Set up Framer in Dench
- 1
Sign in to your Dench workspace and open Integrations.
- 2
Find Framer and click Connect — you'll authorize access through Framer's own sign-in flow. No API keys or code required.
- 3
Ask an agent to use Framer in chat, or call it from an automation.
- 4
Manage or disconnect the connection any time from workspace settings.
Frequently asked questions
How does the Framer integration work with Dench?
The Dench Framer integration connects your AI CRM to Framer, so AI agents can work with your Framer data as part of chats, automations, and CRM workflows. You connect your account once, and every agent in your workspace can use it — governed by your workspace permissions.
What actions can AI agents perform with Framer via Dench?
The Framer integration currently exposes 157 actions, including Add Collection Fields, Add Collection Items, Add Component Instance, Add Detached Component Layers, Add Enum Case, and Add Image. Agents invoke them on your behalf from chat or from automations.
Do I need to write code to connect Framer to Dench?
No. You connect Framer from your Dench workspace using Framer's own sign-in and authorization flow — no API keys to copy, no glue code to maintain.
Is the Framer integration secure?
Connections are authorized through Framer's own authentication flow, and Dench stores only the authorization needed to act on your behalf. You can review and disconnect the Framer connection from your workspace settings at any time.