Build Your AI Workflow Using AI Agents With UiChemy MCP

Build your AI workflow using AI Agents with UiChemy MCP 🚀

⚠️ MCP connection errors? See the troubleshooting guide: https://uichemy.com/docs/uichemy-mcp-server/

In this tutorial, we connect:
• Figma
• Claude Desktop
• UiChemy MCP Server
• Elementor & WordPress

…to create a complete AI-powered design-to-WordPress workflow.

Learn how AI Agents can:
✔ Read Figma design structures
✔ Sync Elementor global styles
✔ Export editable Elementor layouts
✔ Compress images automatically
✔ Improve production workflow speed
-------------------------------------------------------------------------------
Video Timestamps

00:00 – Introduction to the UiChemy MCP Server for Figma to WordPress
00:43 – Starting the setup in the WordPress dashboard
01:07 – Adding your UiChemy License Key and Figma Personal Access Token
02:00 – How to generate a Figma Personal Access Token (Pro account recommended)
02:48 – Configuring Claude Desktop with the MCP JSON config
03:36 – Verifying the MCP connectors in Claude
04:15 – Connecting Figma as a tool in Claude
04:55 – Executing the Export: Pasting a Figma link and giving the prompt
05:44 – Reviewing and syncing Global Colors, Typography, and Container Width
06:20 – Final result: Live WordPress page preview and Elementor widget inspection
07:50 – Checking Mobile Responsiveness and automatic Image Compression (WebP)
-------------------------------------------------------------------------------

UiChemy MCP helps you move beyond simple AI-generated code and build a connected workflow between design, AI, and WordPress production.

Quick Tips:

Figma Token Scopes: Ensure you enable current user, file content, file metadata, and all three design systems scopes when generating your token.

The Comma Rule: When editing your claude_desktop_config.json, remember to add a comma after your new block if there was already content in the file, otherwise the config will break.

Restart Claude: Claude Desktop must be fully quit and reopened to recognize the new MCP server configurations.

🔗 Learn more about UiChemy: https://uichemy.com/
🔗 Read the Blog: https://uichemy.com/blog/export-figma-to-elementor-with-claude-ai-using-uichemy-mcp/

#ai #claude #figmatowordpress #aiworkflow #aiagents #mcp #uichemy

Видео Build Your AI Workflow Using AI Agents With UiChemy MCP канала UiChemy - Figma to WordPress