Designer Tools

This connects Claude directly to the Webflow Designer for building and modifying pages in real time. You can create elements, update component properties, apply styles, and restructure layouts without leaving the conversation. The workflow is deliberate: it snapshots before changes, presents a plan, waits for your confirmation, then executes and shows the result. Useful when you're prototyping sections or tweaking components and want an AI pair programmer who can see and manipulate the actual Designer state. Requires an active Designer connection, and all operations route through Webflow's MCP tools with mandatory context parameters.

Install to Claude Code

npx -y skills add webflow/webflow-skills --skill designer-tools --agent claude-code