Gebruik Framer met Sokko.
Verbind Framer en vertel Sokko wat je wilt. Het voert de acties uit die je vraagt en reageert op wat er gebeurt. Geen workflows, geen code.
Werkt met 1.000+ tools · Geen code nodig
Acties
Alles wat Sokko kan doen in Framer
Elke Framer-actie die Sokko kan uitvoeren. Vraag erom in één zin en het is gebeurd.
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.
Maak verbinding
Live in je Slack binnen twee minuten.
Geen workflows om op te zetten. Zet de tools aan die je al gebruikt en je agent gaat aan de slag.
Toevoegen aan Slack
1
Voeg Sokko toe aan Slack
Eén klik vanuit de Slack-marketplace. Je hele team krijgt Sokko in één keer.
2
Verbind je tools
Sokko werkt met meer dan 1.000 apps en elke MCP-server.
Martin
9:53 AM
@Sokko
Wat kun je doen met Framer?
3
Zet Sokko aan het werk
@vermeld Sokko in elk kanaal en hij gaat aan de slag. Minuten, geen weekend.
Vragen, beantwoord.
Sokko is een AI-assistent die in je Slack leeft. Verbind je apps, vraag in gewone taal wat je nodig hebt, en Sokko neemt het werk uit handen.
Meld je aan bij Sokko, vraag Sokko om verbinding te maken met Framer en keur de verbinding goed wanneer daarom wordt gevraagd. Daarna kun je Sokko altijd vragen om dingen te doen in Framer.
Nee. Er valt niets te bouwen of in te stellen. Je vraagt het Sokko in Slack net zoals je een collega zou vragen, en Sokko doet de rest.
Ja. Vraag het één keer en vertel Sokko wanneer hij het moet herhalen, bijvoorbeeld elke maandag om 9 uur, en het wordt een routine die zonder jou draait.
Gegevens in Framer lezen en er actie op ondernemen, en workflows starten wanneer daar iets verandert. Vertel Sokko welk resultaat je wilt en het doet de rest.
Ja. Sokko verbindt met 1.000+ apps en elke MCP-server, dus je kunt in één verzoek taken vragen die Framer en de rest van je stack omvatten.