Connect in the Claude app
The same on claude.ai, the desktop app and the mobile app. What you can do with custom connectors may depend on your Claude plan.
Open Alberti
Sign in on the web or in the Mac app. If no design is open, Claude can start one.
Add the connector
Claude Settings → Connectors → Add custom connector. Name it Alberti and use the connector address above.
Sign in and allow
Connect opens the Alberti sign-in. Use the same Google account as in Alberti, then choose Allow.
Ask in a chat
Turn on the Alberti connector in a chat and describe the screen you want. You watch the work happen in your Alberti window.
Connect in Claude Code
The plugin also teaches Claude how Alberti works: intent first, prototypes, engine export.
Plugin (recommended)
/plugin marketplace add superherounite/alberti-claude /plugin install alberti@alberti
Server only
claude mcp add --scope user --transport http alberti https://alberti.design/mcp
Then open /mcpin Claude Code and sign in to Alberti. The plugin and the full tool list are public at github.com/superherounite/alberti-claude.
What Claude can do
Claude uses the editor’s own 130-plus tools.
New designs and screens
Starts a design and draws vehicle HMI, XR, web and mobile screens with real layout and layer names.
Design to the intent
Reads the brief and designs to it, explores alternatives and records which one was chosen and why.
Photos, icons, 3D
Finds and places photos and icons, and puts GLB or FBX models in as 3D layers.
Prototypes and motion
Wires screens into a click prototype and gives layers entrance motion.
Checks and cleanup
Checks touch targets, text size, contrast and dead ends, and tidies layer names.
Engine export
Exports to Unity (UI Toolkit, uGUI), Unreal and Omniverse, and sums up the fidelity report.
Try asking
"Start a new design and make a 1920×720 vehicle HMI home screen."
"Read this screen’s brief and draw three different directions side by side."
"Link the sign-in screen to home with a smart animate transition."
"Run preflight and fix the buttons whose touch targets are too small."
"Export the selected screens to Unity uGUI and summarize the report."
"Make eight 1080×1350 Instagram slides introducing our product."
In ChatGPT and other assistants
The Alberti connector is a standard MCP server. Any assistant that supports remote MCP servers connects with the same address.
ChatGPT (developer mode)
In ChatGPT on the web, turn on Settings → Apps → Advanced settings → Developer mode. Choose Create app, name it Alberti, use the connector address above as the MCP server URL with OAuth authentication, then sign in with your Alberti account. Pick the Alberti app in a chat.
Developer mode is available on Plus, Pro, Business, Enterprise and Edu plans. ChatGPT asks you to confirm each action that changes your design.
Gemini CLI and other tools
Tools that support remote MCP servers, such as Gemini CLI, Cursor and VS Code, take the same address. The Alberti sign-in opens the first time.
gemini mcp add --transport http alberti https://alberti.design/mcp
You stay in control
Your account, apps you allow
Claude reaches only the designs of the account you signed in with and allowed. Your password never goes to Claude.
Turn it off any time
In Alberti, Settings → Server & team → Claude lists connected apps, lets you disconnect them and turns Claude off.
In plain sight, and undoable
Claude works in the Alberti window you have open. Its edits show on the canvas and can be undone.
Keep Alberti open
Claude sends its work to your signed-in Alberti window. With several open, the one you used last gets it.