.webp){kind=small}
Je designtool praat nu rechtstreeks met AI-agents
Sinds Framer 3.0 (gelanceerd op 16 juni 2026) kun je externe AI-agents zoals Claude Code, Cursor en Codex rechtstreeks op je Framer-project laten werken. Je installeert geen losse plugin: de agent krijgt volledige toegang tot je canvas, componenten, CMS en pagina's, en voert je opdracht uit in je echte project. Dat heet de externe-agent-connectie, of kortweg Framer Agent.
Het slimme zit in de veiligheid. Elke wijziging die een agent maakt, gebeurt automatisch op een branch. Jij reviewt, draait terug wat niet klopt, en beslist zelf wanneer je het samenvoegt met je live site. Geen verrassingen, geen kapotte pagina's.
Wat je moet weten:
- Werkt met Claude Code, Cursor, Codex, Windsurf en meer.
- Volledige toegang tot canvas, componenten, CMS, localisatie, redirects en pagina's.
- Branch-veilig: alle wijzigingen staan op een aparte branch tot jij ze goedkeurt.
- Gratis te starten, zonder aparte MCP-server op te zetten.
Onder de motorkap draait dit op het Model Context Protocol, dezelfde standaard die agents met je andere tools laat praten.
Hoe het werkt in de praktijk
De setup is bewust kort. Je laat je agent de Framer-setup draaien, hij checkt je Node.js-installatie en koppelt zich aan je project. Vanaf dan geef je gewoon natuurlijke opdrachten, zoals je een collega zou vragen iets aan te passen.
Wat een agent dan kan:
- Site-brede tekst en stijl aanpassen over meerdere pagina's in een keer.
- Componenten en secties maken vanuit een beschrijving.
- CMS op schaal beheren: items aanmaken, bijwerken of verwijderen.
- Designbugs oplossen, zoals spacing, uitlijning en breakpoints.
Agents werken het best met gestructureerde data: CMS-items, localisaties en redirects. Precies het repetitieve werk dat een mens veel tijd kost. Dat een agent dit kan, is exact wat een AI-agent onderscheidt van een chatbot: hij voert acties uit in je tools, hij praat er niet enkel over.
Wat dit betekent voor B2B-teams
Als je je site in Framer draait, verandert dit je workflow. Een paar concrete toepassingen voor marketing:
- Snelle contentupdates: laat de agent een prijswijziging of nieuwe claim over je hele site doorvoeren, zonder elke pagina handmatig te openen.
- CMS-werk uitbesteden: tientallen blogitems of cases aanmaken of bijwerken vanuit een gestructureerde input.
- Meertalige sites: localisaties beheren en vertalingen uitrollen via een opdracht.
- Redirects en hygiene: oude links opruimen en herleiden zonder spreadsheet-werk.
De rode draad: het saaie, repetitieve sitewerk gaat naar de agent, jij houdt tijd over voor strategie en creatie. Het is dezelfde verschuiving die je ziet bij Webflow-automatisering met Claude, nu ook in Framer.
Waar je op moet letten
De branch-aanpak maakt het veilig, maar oordeel blijft nodig. Een paar nuchtere punten:
- Review elke branch voor je merget. De agent is snel, maar niet onfeilbaar in smaak en merkconsistentie.
- Begin met gestructureerd werk (CMS, redirects) voor je hem op je hoofdpagina's loslaat.
- Houd toegang afgebakend: geef de agent toegang tot het project waar je hem nodig hebt, niet meer.
Framer Agent is een mooi voorbeeld van waar het naartoe gaat: je tools worden bestuurbaar door agents, met de mens als eindredacteur. Wil je het grotere plaatje van hoe agents B2B-werk veranderen, lees dan de gids over AI agents in 2026. Meer over de feature zelf vind je in Framers eigen documentatie en over de standaard eronder in de uitleg van Anthropic over MCP.
FAQ's
Hier vind je antwoorden op de meest gestelde vragen. Heb je een specifieke vraag die hier niet beantwoord wordt? Neem gerust contact op.
Bright Secrets
Deze 'Bright Secrets' kunnen je helpen bij het ontwikkelen van je eigen aanpak.
Branches maken AI-bewerkingen veilig
Elke wijziging van een externe agent in Framer landt op een aparte branch. Jij reviewt, draait terug of merget. Daardoor kun je een agent op je echte site loslaten zonder risico op kapotte pagina's. De mens blijft eindredacteur.
Geef het saaie CMS-werk aan de agent
Agents blinken uit in gestructureerd, repetitief werk: CMS-items, localisaties en redirects. Laat dat naar de agent gaan en houd je tijd voor strategie en creatie. Daar zit de echte tijdwinst, niet in het spannende ontwerpwerk.
Het draait op dezelfde MCP-standaard
Framer Agent gebruikt het Model Context Protocol, net als steeds meer tools. Snap je die standaard, dan snap je waarom agents nu overal inpluggen. Lees de uitleg in wat MCP is.
Review blijft jouw taak, ook met branches
De agent is snel, maar niet onfeilbaar in smaak en merkconsistentie. Lees elke branch na voor je merget, zeker op je belangrijkste pagina's. Veiligheid zit in het proces, kwaliteit in jouw oordeel.
