designer-tools
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_toolto get best practices before any other tool call - Use Webflow MCP's
data_sites_toolwith actionlist_sitesto identify the target site - Use Webflow MCP's
de_page_toolto get current page, switch pages, or create pages/folders - Use Webflow MCP's
element_toolwith actionget_all_elementsto retrieve page elements - Use Webflow MCP's
element_toolwith actionselect_elementto select a specific element - Use Webflow MCP's
element_toolwith actionadd_or_update_attributeto update element attributes - Use Webflow MCP's
element_builderto create new elements - Use Webflow MCP's
element_snapshot_toolto get visual previews of elements before and after changes - Use Webflow MCP's
style_toolto create and update styles on elements - Use Webflow MCP's
de_learn_more_about_stylesto check supported style properties - Use Webflow MCP's
data_components_toolwith actionlist_componentsto list all site components - Use Webflow MCP's
data_components_toolwith actionget_component_contentto inspect a component
More from webflow/webflow-skills
accessibility-audit
Run comprehensive accessibility audit (WCAG 2.1) on Webflow pages - checks buttons, forms, links, focus states, headings, keyboard navigation, and generates detailed reports with fixes. Requires Webflow Designer connection. Excludes image alt text (covered by asset-audit skill).
489cms-best-practices
Expert guidance on Webflow CMS architecture and best practices. Use when planning collections, setting up relationships, optimizing content structure, or troubleshooting CMS issues.
422link-checker
Find and fix broken or insecure links across an entire site, including CMS content, to improve SEO and user experience. Audits HTTP/HTTPS issues and validates all internal and external links.
395custom-code-management
Add, review, or remove inline custom scripts on a Webflow site (up to 10,000 chars). Use for analytics, tracking pixels, chat widgets, or any custom JavaScript. Also manages page-level scripts.
354site-audit
Comprehensive audit of a Webflow site including pages, CMS collections, health scoring, and actionable insights. Use for site analysis, migration planning, or understanding site structure.
340cms-collection-setup
Create a new CMS collection in Webflow with specified fields and relationships. Use when setting up blog posts, products, team members, portfolios, or other content types with custom fields.
340