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