designer-tools

Installation
SKILL.md

Page Structure

Build, inspect, and manage page elements and components in the Webflow Designer.

Important Note

ALWAYS use Webflow MCP tools for all operations:

  • Use Webflow MCP's webflow_guide_tool to get best practices before any other tool call
  • Use Webflow MCP's data_sites_tool with action list_sites to identify the target site
  • Use Webflow MCP's de_page_tool to get current page, switch pages, or create pages/folders
  • Use Webflow MCP's element_tool with action get_all_elements to retrieve page elements
  • Use Webflow MCP's element_tool with action select_element to select a specific element
  • Use Webflow MCP's element_tool with action add_or_update_attribute to update element attributes
  • Use Webflow MCP's element_builder to create new elements
  • Use Webflow MCP's element_snapshot_tool to get visual previews of elements before and after changes
  • Use Webflow MCP's style_tool to create and update styles on elements
  • Use Webflow MCP's de_learn_more_about_styles to check supported style properties
  • Use Webflow MCP's data_components_tool with action list_components to list all site components
  • Use Webflow MCP's data_components_tool with action get_component_content to inspect a component
Related skills
Installs
173
GitHub Stars
66
First Seen
Apr 8, 2026