Zeplin MCP integration
Reads project colours, text styles, and components, updates design tokens, uploads new screen versions, and clears annotations left on screens.
24actions available
Three actions you can hand over today
Every action runs live through MCP. Nothing to build, nothing to maintain.
Update project color
Ayro updates a color value in a Zeplin project, syncing the change across all screens and components that reference it. Designers and developers immediately see the new color without manual re-work.
Create styleguide color
Ayro adds a new color to your Zeplin styleguide so designers and developers can reference it across projects. Adding colors to the guide ensures consistency and makes updates centralized.
List project colors
Ayro retrieves all colors defined in a Zeplin project including their hex codes and usage. You get a complete design system color audit ready to share or document.
How businesses use Zeplin + Ayro
Each card is one request a support team gets, and the Zeplin actions Ayro runs to close it.
Answer what a screen is actually built from
Ayro reads the colours and text styles defined on a project alongside the components a screen uses, so a developer asking which token applies gets the defined value instead of a hex code picked off a screenshot.
List Project ColorsList Project Text StylesList Screen ComponentsPush a design system change into Zeplin
Ayro updates the colour or text style that moved and adds a new token to the shared styleguide, so the handoff surface matches the system rather than lagging a release behind it.
Update Project ColorUpdate Project Text StyleCreate Styleguide ColorAdd a new snapshot of an existing screen
Ayro uploads the revised PNG or JPEG as a new version of the screen and lists what came before it, so the change is visible as a version history rather than a silent replacement.
Create Screen VersionList Screen VersionsList Screen SectionsWork through the annotations on a screen
Ayro lists what has been flagged on a screen, revises an annotation that has moved on, and clears the ones already handled, so a handoff checklist ends the day shorter than it started.
List Screen AnnotationsUpdate Screen AnnotationDelete Screen Annotation
How it works
Get started in 3 steps
Connect once, then just ask. There is no workflow builder to learn and nothing to maintain — Ayro reads the Zeplin actions it has and picks the ones a request needs.
Connect Zeplin
Authorize the Zeplin account your team already uses — one consent screen, no API keys, no mapping tables. Ayro can only do what you granted that account, and you can disconnect it at any time.
Tell your agent what you need
Describe the job the way you would hand it to a teammate. Ayro maps it to the Zeplin actions that close it and chains as many as the request needs.
Watch it work
The agent runs the actions inside the conversation the customer is already in, so nobody copies data between tabs and your team can take over at any point.
Get started free
Zeplin · Ayro
What can you do in Zeplin without me setting anything up?
These, right away:
- Start oauth authorization (pkce)
- List project connected components
- Update project color
Great, let's start with the first one.
FAQ
Everything else about Zeplin
Setup, permissions, and the limits of what Ayro can do inside Zeplin.
Scope, and the toolkit keeps separate actions for each. List Project Colors and Update Project Color act on tokens defined inside one project, while List Styleguide Colors, Create Styleguide Color, and Update Styleguide Color act on the shared styleguide that several projects inherit from - so the same edit either fixes one project or moves the whole system.
Every action available in Zeplin
All 24 actions your agent can call on Zeplin, straight from the live MCP connection.
Start oauth authorization (pkce)
Start OAuth 2.0 authorization code flow for Zeplin apps.
List project connected components
List connected components in a Zeplin project.
List project colors
List colors in a Zeplin project.
Update project color
Update a color in a Zeplin project.
Get zeplin project by ID
Get a Zeplin project by ID.
Invite project member
Invite a user to a Zeplin project.
List project text styles
List text styles in a Zeplin project.
Update project text style
Update a text style in a Zeplin project.
Delete screen annotation
Delete a screen annotation in Zeplin.
Get screen annotation
Fetch a single screen annotation.
List screen annotations
List annotations for a Zeplin screen.
Update screen annotation
Update a screen annotation's content, position, or type.
List screen components
List components in a Zeplin screen.
Get screen section
Get a single screen section.
List screen sections
List screen sections in a Zeplin project.
Get screen version
Retrieve a specific screen version.
Create screen version
Create a new version of a screen.
List screen versions
List all versions of a screen.
Create styleguide color
Create a new styleguide color.
List styleguide colors
List colors in a Zeplin styleguide.
Update styleguide color
Update a color in a Zeplin styleguide.
List styleguide text styles
List text styles in a Zeplin styleguide.
Update styleguide text style
Update a text style in a Zeplin styleguide.
List personal projects
List personal projects.
The tools Zeplin sits next to
Same connection, same setup. Pick the next one your team already uses.
Abyssale
Lists the designs and fonts available in a workspace, groups new work into projects, and confirms credentials before anything depends on them.
Claid.ai
Generates product backgrounds, cleans up supplier photos, runs batch edits over a storage folder, and manages connected buckets.
Figma
Finds files, reads nodes and comments, posts feedback, extracts design tokens and variables, and renders node images.
Logo.dev
Resolves a company name to a verified domain and pulls its logo as PNG or SVG, so records and documents carry the right mark.
Penpot
Searches team files, creates projects and design files, reorganises what has drifted, and registers webhooks for Penpot events.
Renderform
Captures a live page as a PDF or screenshot, hands over the finished link, and retires renders once they are no longer needed.
Ready to connect Zeplin?
Authorize the account and your agent has all 24 actions from the first conversation.