New: every message picks a fast or a slow model

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 more
  • 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.