Sokko

Utilisez Framer avec Sokko.

Connectez Framer et dites à Sokko quoi faire. Il exécute les actions que vous demandez et réagit à ce qui se passe. Sans workflows, sans code.
Fonctionne avec plus de 1 000 outils · Aucun code requis
Actions

Tout ce que Sokko peut faire dans Framer

Chaque action Framer que Sokko peut exécuter. Demandez-en une en une phrase et c'est fait.

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

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. This action does not accept a target page.

Add Images

Upload and insert multiple images using the current editor selection/context. This action does not accept a target page.

Add Managed Collection Items

Add or synchronize managed CMS items with typed, tagged field values and stable external IDs.

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. This action does not accept a target page.

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.

Get Deployment Issues

Get optimization warnings and errors for a Framer deployment, including related node IDs when available.

Get Descendant References Of Types For Agent

Get matching style or token nodes referenced by descendants.

Get Descendants Of Types For Agent

Get descendants of a node matching provider-defined node types.

Get Font

Get one available font variant by family, weight, and style.

Get Fonts

List individual font files and variants available to the Framer project.

Get Ground Node For Agent

Get the top-level canvas node containing a node.

Get Locale Languages

List valid locale language codes.

Get Locale Regions

List valid region codes for a language.

Get Locales

List configured non-default locales.

Get Localization Groups

Get localization groups, optionally filtered by IDs or type.

Get Managed Collection Fields

List supported fields in a plugin-managed Framer CMS collection.

Get Managed Collection Item IDs

List external item IDs in a plugin-managed CMS collection.

Get Managed Collections

List plugin-managed CMS collections available to the connected API session.

Get Node

Get a project node by ID.

Get Node For Agent

Get one serialized Framer node and its children by ID.

Get Nodes For Agent

Get serialized Framer nodes and their children by ID.

Get Nodes Of Types For Agent

Get all nodes of selected types on a Framer page without children.

Get Nodes With Attribute

Get project nodes whose node type supports an attribute, whether or not it is set.

Get Nodes With Attribute Set

Get project nodes where a supported attribute has a non-null value.

Get Nodes With Type

Get all nodes of a known class, optionally below a parent node.

Get Parent

Get a node's parent.

Get Parent Node For Agent

Get the direct parent of a node.

Get Project Info

Get the connected Framer project's current identity and legacy migration ID.

Get Publish Info

Get the connected project's current staging and production publication URLs, deployment times, and optimization states.

Get Rect

Get the bounding rectangle of a Framer node.

Get Rect For Agent

Get a node's rounded canvas rectangle.

Get Redirects

List the project's redirects, including source and destination paths and locale expansion behavior.

Get Scope Node For Agent

Get the enclosing page or component scope for a node.

Get Text for Node

Get the plain-text content of a text node by ID.

Get Text Style

Get one reusable text style by ID.

Get Text Styles

List reusable text styles in the connected Framer project.

Get Unpublished Page Changes

List web pages added, updated, or removed since the active branch was last published.

Get Vector Set Items

List vector items in one Framer vector set.

Get Vector Set Item Variables

List customizable variables for one Framer vector-set item.

Get Vector Sets

List vector icon sets available to the connected Framer project.

Join Branch

Join an explicit project branch as a contributor.

Join Branch For Agent

Join a branch as a contributor for agent editing.

Leave Branch

Leave an explicit project branch as a contributor.

Leave Branch For Agent

Leave a branch as a contributor.

Lint Code

Deprecated Framer lint operation retained for compatibility; SDK 5.1.0 documents it as a no-op.

List Components For Agent

List project, external, and additional components available to the agent.

List Deployments

List one cursor-controlled page of deployments for the active Framer branch, returning at most 30 records.

List Icon Sets For Agent

List project, external, and additional icon sets available to the agent on the active page.

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.

Make External Component Local For Agent

Copy an external component into the project and optionally replace all instances.

Merge Branch

Merge an explicit source branch into its base or a compatible target.

Merge Branch For Agent

Merge the active agent branch into its base or an explicit target, then switch to the target.

Paginate For Agent

Paginate a complete item list to completion within one Framer WebSocket session and return all results.

Publish

Publish the active Framer branch and return the resulting deployment plus its preview or staging hostnames.

Publish For Agent

Run an agent publish operation, including production deployment when requested.

Query Analytics For Agent

Run an analytics query over an ISO date range.

Query Images For Agent

Search Framer's agent image sources and return candidate images.

Read Component Controls For Agent

Read provider-defined controls for project components on the active page.

Read Icon Set Controls For Agent

Read provider-defined controls for icon sets on the active page.

Read Icons For Agent

Read exact icon names from an icon set on the active page.

Read Layout Template Controls For Agent

Read provider-defined controls for layout templates on the active page.

Read Project For Agent

Execute agent query objects against project state.

Read Shader Controls For Agent

Read provider-defined controls for shaders on the active page.

Remove Code File

Remove a Framer code file.

Remove Collection Fields

Remove one or more fields from a CMS collection.

Remove Collection Items

Remove CMS collection items by item or node ID.

Remove Color Style

Remove a reusable Framer color style.

Remove Enum Case

Remove a case from an enum field or enum variable.

Remove Managed Collection Items

Remove items from a managed CMS collection by external item ID.

Remove Nodes

Remove one or more canvas nodes by ID; pass a one-element list to remove one node.

Remove Redirects

Remove project redirects by ID; unknown IDs are ignored by Framer.

Remove Text Style

Remove a reusable Framer text style.

Rename Branch

Rename an explicit project branch.

Rename Branch For Agent

Rename a branch for the agent workflow.

Rename Code File

Rename a Framer code file.

Replace Text For Agent

Replace exact text within one Framer text node.

Screenshot Node

Capture a node screenshot through Framer's dedicated WebSocket side channel.

Serialize For Agent

Serialize a node with optional depth, attribute, and ancestor filtering.

Serialize Nodes For Agent

Serialize multiple nodes with optional depth, attribute, and ancestor filtering.

Set Code File Content

Replace the source content of a Framer code file.

Set Collection Field Order

Set the display order of fields in a CMS collection.

Set Collection Item Attributes

Update one CMS item's slug, typed fields, locale status, or draft state.

Set Collection Item Order

Set the item order in a CMS collection.

Set Color Style Attributes

Update selected attributes of a reusable Framer color style.

Set Custom Code

Set custom HTML at one Framer document injection location, or clear that location by passing null or omitting HTML.

Set Enum Case Order

Set the case order for an enum field or enum variable.

Set Localization Data

Set localized values and per-locale group status. The result includes per-value and per-group status update errors.

Set Managed Collection Fields

Replace and synchronize the typed field schema of a managed CMS collection.

Set Managed Collection Item Order

Set item order in a plugin-managed Framer CMS collection.

Set Node Attributes

Patch editable attributes on a node. Only explicitly supplied attributes are sent.

Set Parent

Move a node to a new parent and optional child index.

Set Redirect Order

Set the evaluation and display order of project redirects; unknown redirect IDs are ignored.

Set Text

Set text on the current selection or insert it when appropriate.

Set Text Style Attributes

Update selected attributes of a reusable Framer text style.

Switch Branch

Switch the editor and subsequent edits to an explicit branch.

Switch Branch For Agent

Switch the active branch for agent operations.

Typecheck Code

Type-check source content with Framer's TypeScript service and return diagnostics.

Update Enum Case

Update a case in an enum field or enum variable.

Upload File

Upload one file asset to Framer.

Upload Files

Upload multiple file assets to Framer.

Upload Image

Upload one image to Framer without inserting it on the canvas.

Upload Images

Upload multiple images to Framer without inserting them on the canvas.
Tout connecter

Dans votre Slack en deux minutes.

Aucun workflow à configurer. Activez les outils que vous utilisez déjà et votre agent se met au travail.
Ajouter à Slack
1

Ajoutez Sokko à Slack

Un clic depuis la marketplace Slack. Toute votre équipe a Sokko d'un coup.
Composio
GitHub
Supabase
Firecrawl
Tavily
Bitbucket
Figma
Composio Search
2

Connectez vos outils

Sokko fonctionne avec plus de 1 000 apps et n'importe quel serveur MCP.
Martin
9:53 AM
@Sokko
Que peux-tu faire avec Framer ?
3

Mettez Sokko au travail

@mentionnez Sokko dans n'importe quel canal et c'est parti. Quelques minutes, pas un week-end.

Vos questions, nos réponses.

Sokko est un assistant IA qui vit dans votre Slack. Connectez vos applis, demandez ce dont vous avez besoin en langage courant, et Sokko s'occupe du travail à votre place.

Inscrivez-vous à Sokko, demandez à Sokko de se connecter à Framer, et approuvez la connexion quand on vous le demande. Ensuite, vous pouvez demander à Sokko d'agir dans Framer dès que vous en avez besoin.

Non. Il n'y a rien à créer ni à configurer. Vous demandez à Sokko dans Slack comme vous le demanderiez à un collègue, et Sokko s'occupe du reste.

Oui. Demandez une fois et dites à Sokko quand le répéter, par exemple chaque lundi à 9 h, et cela devient une routine qui tourne sans vous.

Lire et agir sur les données dans Framer, et déclencher des workflows quand quelque chose y change. Dites à Sokko le résultat que vous voulez et il s'occupe du reste.

Oui. Sokko se connecte à plus de 1 000 applis et à n'importe quel serveur MCP : vous pouvez donc confier des tâches qui couvrent Framer et le reste de votre stack en une seule demande.

Que fera votre premier agent ?

Créez un agent, connectez vos outils et confiez-lui une tâche. Vos 3 premiers jours sont gratuits, avec $5 de crédits IA pour commencer.