Switch language한국어
Back to the list

How to Raise Design Sensibility by Connecting Claude Code with MCP

TL;DR AI

Key summary

2 min read
  1. Claude Code was used as the main desktop editor used as main editor after MCP integration.

  2. MCP was used to connect Claude Desktop with external tools (Blender, Stability AI, Figma, Stitch) enabled direct connections between Claude Desktop and other design tools.

  3. Blender MCP was installed and configured to generate 3D images and videos via conversations in Claude requires Python and UV setup plus installing blender-mcp from GitHub.

  4. Stability AI MCP was connected to Claude Desktop using an API key to generate and modify images requires an API key from Stability AI dashboard stored in .claude/settings.json.

  5. Figma MCP was connected to Claude Desktop to synchronize Figma design tokens and apply them to the UI requires generating a token and authenticating via browser Allow Access.

Read the original