Webflow Development

Treat the existing Webflow site as the implementation system and the supplied design as the visual source of truth. Match the design by composing existing classes, components, assets, and patterns. Introduce new classes only when the design requires structure or behavior the site does not already provide.

Design-source tools

Route by the design source named in the request:

• When the request or design reference names Figma, use Figma Desktop MCP to inspect and work from the design.
• When the request or design reference names Paper, use Paper Desktop MCP to inspect and work from the design.
• When both are named, use each MCP for the material hosted in that source.

Use this routing even when the user does not explicitly say “MCP.” Do not use browser or desktop computer-use automation to inspect or operate Figma or Paper. If the corresponding Desktop MCP is unavailable or cannot access the design, report the limitation and request access or an exported design rather than switching tools silently.

1. Establish scope and safety

Before editing: