Framer
Framer is a website builder and design platform whose Server API supports project publishing, CMS, localization, canvas, asset, code, and agent workflows.
What agents can do
Actions157
Add collection fields
Create or update typed field definitions in a CMS collection.
Add collection items
Create or update CMS collection items with typed, tagged field values.
Add component instance
Insert a component instance by component module URL.
Add detached component layers
Insert editable component layers using the current editor selection/context without retaining an instance.
Add enum case
Add a case to an enum field or enum variable.
Add image
Upload one image and insert it using the current editor selection/context.
Add images
Upload and insert multiple images using the current editor selection/context.
Add managed collection items
Add or synchronize managed CMS items with typed, tagged field values and stable external IDs.
52 moreFewer
Add redirects
Create project redirects, or update existing redirects by including their IDs; all changes take effect on a subsequent publish.
Add svg
Insert an SVG on the canvas or replace the selected SVG.
Add text
Insert text using the current editor selection/context.
Apply agent changes
Execute Framer's agent command DSL on a project page.
Clone design page
Clone a design page by node ID, optionally requesting a name.
Clone node
Clone a node by ID.
Clone web page
Clone a web page by node ID, optionally requesting a route path.
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.
Create branch for agent
Create an agent branch from the active branch and switch to it.
Create code file
Create a Framer code file with initial source content.
Create collection
Create a user-owned CMS collection in the connected Framer project.
Create color style
Create a reusable color style in the connected Framer project.
Create component node
Create a smart component node with a name.
Create design page
Create a design page.
Create frame node
Create a frame node, optionally below a parent.
Create locale
Create a project locale.
Create managed collection
Create a plugin-managed CMS collection in the connected project.
Create text node
Create a text node, optionally below a parent.
Create text style
Create a reusable text style in the connected Framer project.
Create web page
Create a web page at a route path.
Delete branch
Delete an explicit project branch, switching to its base if active.
Delete branch for agent
Delete a branch in the agent workflow.
Deploy
Promote an existing Framer deployment to explicit domains or to the project's configured production domains.
Export svg
Export a node as serialized SVG through Framer's dedicated WebSocket side channel.
Flatten component instance for agent
Replace a component instance with editable local layers.
Get active branch
Get the branch currently active for the Framer editor and API session, including its base, contributor state, and creator metadata.
Get active branch for agent
Get metadata for the branch active in the Framer agent session.
Get agent context
Get dynamic project context for Framer's agent command and query APIs.
Get agent system prompt
Get Framer's static agent prompt, including its command and project-query DSL references.
Get ancestors for agent
Get a node's ancestors from its parent through the page root.
Get branch changes
Get semantic changes in a branch relative to its base branch.
Get branch changes for agent
Get a summarized changelog for a project branch relative to its base.
Get branches
Return every project branch, a selected set, or one branch by passing zero, many, or one branch ID.
Get branches for agent
List project branches available to the Framer agent session.
Get canvas root
Get the root node of the current canvas.
Get change contributors
Get contributors who changed the project in an optional version range.
Get changed paths
Get page paths added, removed, or modified between the active project version and its previously published version.
Get children
Get a node's canvas children.
Get code file
Get one Framer code file by ID or project-relative path.
Get code files
List code files and their current contents in the connected Framer project.
Get code file version content
Get the source content of a saved Framer code file version.
Get code file versions
List saved versions of a Framer code file.
Get collection
Get one CMS collection by its node ID.
Get collection fields
List all field definitions in a CMS collection, including dividers.
Get collection items
List items and typed field values in a CMS collection.
Get collections
List managed and user-owned CMS collections in the connected Framer project.
Get color style
Get one reusable color style by ID.
Get color styles
List reusable color styles in the connected Framer project.
Get current user
Get the Framer user whose identity and project permissions are represented by the connected project API key.
Get custom code
Get custom HTML and disabled state for all four project document injection locations.
Get default locale
Get the project's default locale.
Get deployment
Get the latest status snapshot, timestamps, creator, preview URL, and failure stage for one Framer deployment.
And 97 more in Definable.
How it connects
You paste an API key from Framer on a page Composio hosts, so the key never passes through Definable.
Keep the connection to yourself or share it with your workspace. Any action that writes or sends can wait for your approval.