Set Up with Claude Code
Claude Code is Anthropic’s CLI coding agent. It supports MCP servers, letting Claude control ButterKit from your terminal.
Prerequisites
- ButterKit running with MCP enabled (Settings > MCP)
- Claude Code installed (
npm install -g @anthropic-ai/claude-code)
Configuration
Open MCP settings
Run claude mcp to manage your MCP configuration, or edit the settings file directly.
Add the ButterKit server
Add the following to your Claude Code MCP configuration:
{
"mcpServers": {
"butterkit": {
"command": "/Applications/ButterKit.app/Contents/MacOS/butterkit-mcp"
}
}
}Verify the connection
Start a new Claude Code session. ButterKit’s 40 tools should be available. You can confirm by asking Claude to list your open documents.
Start using it
Ask Claude to work with your ButterKit project. For example:
- “Open my app’s ButterKit file and show me the artboards”
- “Add French and German localizations with auto-translate”
- “Upload all screenshots and metadata to App Store Connect”
Tips
- Claude Code works well for end-to-end workflows: designing screenshots, translating, and uploading in a single session.
- Pair ButterKit MCP with file system access to automate screenshot pipelines alongside your build process.
- For step-by-step recipes, see Workflows.
Quick Help
- Need more help? Browse the Documentation
- Check out our Templates & Add-ons
- Join us on Discord for quick help
- Any other questions? Get in touch