Pixso Connector for AI agents.
10 live capabilities
Manage UI/UX design files and style libraries through natural conversation.
Waiting for input…
Why people use Pixso
Pixso : Solving the Design File Navigation Mess
This Connector changes that by letting your agent do the hunting for you. You can ask for a style summary or a list of project files in plain English. Your agent pulls that data instantly, so you can stay focused on the creative work instead of the administrative overhead.
What Vinkius changes
You get a conversational interface for your entire Pixso design workspace.
Use it from Claude, ChatGPT, Cursor or another AI client you already have.
One account · 5,900+ Connectors
- Real-world use case 01
Auditing a brand style guide
A designer asks their agent to list all colors and typography styles in the 'Branding_v2' file.
- Real-world use case 02
Checking feedback on a login screen
A product manager asks for the latest comments on the 'Login_Flow' project.
- Real-world use case 03
Finding assets for a mobile sprint
A developer needs to find the mobile app project files.
Complete set · 10capabilities
The complete Pixso capability set.
These are the exact actions your AI can choose when you ask it to work with Pixso.
01—04
4 capabilities in this set.
Part of 10 available through Pixso.
- 01 Capability
Get file versions
Get the history of a design file. It lets you see how a project evolved over time.
- 02 Capability
Get org members
List the people in your organization. This helps you see who has access to your workspace.
- 03 Capability
List styles
See the colors and typography in a file. This is great for auditing your design system.
- 04 Capability
List team projects
See every project assigned to a team. It makes managing large collaborations much faster.
05—07
3 capabilities in this set.
Part of 10 available through Pixso.
- 05 Capability
Get comments
See the feedback left on a specific file. It keeps you updated on team discussions.
- 06 Capability
Get file
Get the core details of a design file. It gives you a quick summary of a project's metadata.
- 07 Capability
Get project files
Pull the files belonging to a specific project. It keeps your workspace tidy.
08—10
3 capabilities in this set.
Part of 10 available through Pixso.
- 08 Capability
List files
See every design file in your Pixso account. It's the fastest way to find a specific asset.
- 09 Capability
List nodes
Get a list of all frames and layers in a file. It helps you see the UI structure without opening the app.
- 10 Capability
List teams
See the different teams in your workspace. Use this to organize your projects by department.
Set up in minutes
One URL. Then ask Pixso to work.
Claude and ChatGPT only need the Connector URL. Copy it once, add it in settings, and use Pixso from the conversation.
Choose your client
Live previewAdvanced clients IDE · CLI
Claude · Web + desktop
Connector URL · ready to paste
Streamable HTTPhttps://edge.vinkius.com/vk_preview_PmSBqxR7wIu2EpevYxsLDBfk0wUgnnzAEAeh2ToH/mcp - Step 01
Open Connectors
In Claude Web or Claude Desktop, open Settings and choose Connectors.
- Step 02
Add the URL
Choose Add custom connector, name it Pixso, and paste the URL above.
- Step 03
Turn it on in chat
Select +, open Connectors, and enable Pixso for the conversation.
ChatGPT · Web + desktop
Connector URL · ready to paste
Streamable HTTPhttps://edge.vinkius.com/vk_preview_PmSBqxR7wIu2EpevYxsLDBfk0wUgnnzAEAeh2ToH/mcp - Step 01
Open MCP settings
On desktop, open Settings and MCP servers. On web, open your workspace app or connector settings.
- Step 02
Add the URL
Choose Add server with Streamable HTTP, or create a custom MCP app, then paste the Pixso URL.
- Step 03
Save and start
Save the connection and enable Pixso in your conversation. Desktop may ask you to restart once.
Cursor · IDE configuration
Advanced setup
{
"mcpServers": {
"pixso": {
"url": "https://edge.vinkius.com/vk_preview_PmSBqxR7wIu2EpevYxsLDBfk0wUgnnzAEAeh2ToH/mcp"
}
}
} - Step 01
Open MCP Settings
Press Cmd+Shift+P (macOS) or Ctrl+Shift+P (Windows/Linux) → search "MCP Settings"
- Step 02
Add the server config
Paste the JSON configuration above into the mcp.json file that opens
- Step 03
Save the file
Cursor will automatically detect the new Connector
- Step 04
Start using Pixso
Open Agent mode in chat and ask: "Using Pixso, help me...". 10 tools available
VS Code Copilot · IDE configuration
Advanced setup
{
"mcpServers": {
"pixso": {
"url": "https://edge.vinkius.com/vk_preview_PmSBqxR7wIu2EpevYxsLDBfk0wUgnnzAEAeh2ToH/mcp"
}
}
} - Step 01
Create MCP config
Create a .vscode/mcp.json file in your project root
- Step 02
Add the server config
Paste the JSON configuration above
- Step 03
Enable Agent mode
Open GitHub Copilot Chat and switch to Agent mode using the dropdown
- Step 04
Start using Pixso
Ask Copilot: "Using Pixso, help me...". 10 tools available
Windsurf · IDE configuration
Advanced setup
{
"mcpServers": {
"pixso": {
"url": "https://edge.vinkius.com/vk_preview_PmSBqxR7wIu2EpevYxsLDBfk0wUgnnzAEAeh2ToH/mcp"
}
}
} - Step 01
Open MCP Settings
Go to Settings → MCP Configuration or press Cmd+Shift+P and search "MCP"
- Step 02
Add the server
Paste the JSON configuration above into mcp_config.json
- Step 03
Save and reload
Windsurf will detect the new server automatically
- Step 04
Start using Pixso
Open Cascade and ask: "Using Pixso, help me...". 10 tools available
Cline · IDE configuration
Advanced setup
{
"mcpServers": {
"pixso": {
"url": "https://edge.vinkius.com/vk_preview_PmSBqxR7wIu2EpevYxsLDBfk0wUgnnzAEAeh2ToH/mcp"
}
}
} - Step 01
Open Cline MCP Settings
Click the Connectors icon in the Cline sidebar panel
- Step 02
Add remote server
Click "Add Connector" and paste the configuration above
- Step 03
Enable the server
Toggle the server switch to ON
- Step 04
Start using Pixso
Ask Cline: "Using Pixso, help me...". 10 tools available
Claude Code · Terminal command
Advanced setup
claude mcp add pixso --transport http "https://edge.vinkius.com/vk_preview_PmSBqxR7wIu2EpevYxsLDBfk0wUgnnzAEAeh2ToH/mcp" - Step 01
Install Claude Code
Run npm install -g @anthropic-ai/claude-code if not already installed
- Step 02
Add the Connector
Run the command above in your terminal
- Step 03
Verify the connection
Run claude mcp to list connected servers, or type /mcp inside a session
- Step 04
Start using Pixso
Ask Claude: "Using Pixso, show me...". 10 tools are ready
Where the request belongs
Work Pixso can move forward.
This is for UI/UX designers who are tired of digging through layers, product managers who need to track feedback across dozens of files, and frontend devs who want style specs without leaving their editor.
UI/UX Designer
You use this to quickly grab specific style guides or layer structures while you're in the middle of a sprint.
Product Manager
You use this to scan team comments and project statuses across multiple design files without clicking through every one.
Frontend Developer
You use this to pull exact color hex codes and typography styles directly into your dev environment.
Design Ops
You use this to audit design systems and ensure style libraries are consistent across the whole company.
Build the capability set
Add more capabilities.
Each Connector adds new actions and data without changing how you work.
Browse ConnectorsMasterGo
Collaborative design platform and UI/UX capability. manage design files, nodes, and comments via AI.
Lanhu
Product design collaboration platform. manage design files, handoffs, and team feedback via AI.
Figma
Connect Figma to automate design workflows. inspect files, render layers as images, and manage comments directly from your AI agent.
Miro
Brainstorm, plan, and design together on an infinite visual canvas that brings distributed teams into the same creative space.
Design Pickle
Equip your AI agent to manage graphic design requests, track brand profiles, and monitor your production queue via the Design Pickle API.
Miro (Visual Collaboration & Whiteboarding)
Manage collaborative boards via Miro. create sticky notes, list visual items, and audit team members.
Bring your own AI
Change the model, client or framework. Keep Pixso connected.
-
Claude -
ChatGPT -
Gemini -
Cursor -
VS Code -
Windsurf -
ZCode -
Cline -
Zed -
Continue -
Kiro -
Roo Code -
Zencoder -
Goose -
Void -
Augment Code -
Amp -
Qodo -
Tabnine -
Pieces -
Sourcegraph Cody -
JetBrains -
Warp -
Amazon Q -
Antigravity -
BoltAI -
Raycast -
Jan -
LM Studio -
AnythingLLM -
Open WebUI -
Msty -
Cherry Studio -
LibreChat -
TypingMind -
Chorus -
5ire -
n8n -
LangChain -
LlamaIndex -
CrewAI -
Vercel AI SDK
Before you connect
Questions about Pixso.
The practical details behind the request, access and result.
Can Pixso MCP help me find specific buttons or components?
Yes, it lets your agent list all nodes in a file so you can find specific components quickly without opening the design capability.
How does Pixso MCP handle team projects?
It can pull a list of all projects assigned to a specific team, helping you stay organized and see the big picture of your company's work.
Can I use Pixso MCP to see what my team is saying?
Yes, it retrieves comments from your design files so you can see team feedback and discussions directly in your AI chat.
Does Pixso MCP work with my existing design system?
It can list all styles like colors and typography to help you audit your current system and ensure everything stays consistent.
Can I see previous versions of my designs with Pixso MCP?
Yes, it can pull the version history for any design file you have in your workspace, making it easy to track milestones.
Is Pixso MCP good for frontend developers?
It's great for devs because it lets you pull exact style specs and layer details directly into your workspace while you're coding.
How do I find my Pixso Client ID and Secret?
Log in to the Pixso Enterprise Management console, navigate to [OpenAPI Management] → [Application Details], and you will find your Client ID and Client Secret there.
What is a 'fileKey' in Pixso?
The fileKey is the unique identifier found in the URL of your Pixso design file. It typically appears after /file/ in the browser address bar.
Can I read design node information through the agent?
Yes. Use the list_nodes capability with the file key and optional node IDs to retrieve detailed data about frames, layers, and their properties.
One connection away
Give your agent a direct line to Pixso.
Connect Pixso once. Keep it beside 5,900+ managed Connectors when the next task needs more.
Explore every Connector No credit card required · Free tier available