🇺🇸English

Webflow Designer API

This skill helps users work with the Webflow Designer API through two workflows. Start by asking the user which workflow they'd like to use , or infer from context if it's obvious.

Workflows

1. Designer Extensions

Build full extensions with a UI that run inside the Webflow Designer as iframes. Best for reusable tools, complex workflows, and apps you want to ship to a team or the Marketplace. → See references/designer-extension-workflow.md

2. Designer API Playground

Write and run standalone code snippets directly in the Playground app inside the Designer. Best for quick prototyping, testing API methods, learning the API, and one-off automations. → See references/playground-workflow.md

Reference Documentation

Each reference file includes YAML frontmatter with name, description, and tags for searchability. Use the search script available in scripts/search_references.py to quickly find relevant references by tag or keyword.

Designer API References

Both workflows use the same webflow.* Designer API. Once you know the workflow, use these references to write the actual code:

• references/designer-apis-reference.md — All webflow.* methods in one table (start here)
• references/elements-api.md — Element selection, insertion, presets, and the element builder
• references/styles-api.md — Creating styles, setting CSS properties, breakpoints, and pseudo-states
• references/components-api.md — Component definitions, instances, and editing context
• references/pages-api.md — Page and folder management
• references/variables-api.md — Design token variables and collections
• references/assets-api.md — Asset upload and management
• references/extension-utilities.md — Site info, events, notifications, app discovery, authentication

Design & Marketplace References

• references/design-guidelines.md — UI design for native Webflow look
• references/register-app.md — Registering a Webflow App and configuring capabilities
• references/marketplace-guidelines.md — Marketplace review criteria
• references/app-submission-and-listing.md — Submitting your app and creating a listing
• references/faq.md — FAQ and troubleshooting

Searching References

# List all references with metadata
python scripts/search_references.py --list

# Search by tag (exact match)
python scripts/search_references.py --tag <tag>

# Search by keyword (across name, description, tags, and content)
python scripts/search_references.py --search <query>

Scripts and Assets

• scripts/search_references.py : Search reference files by tag, keyword, or list all with metadata
• assets/webflow-variables.css — CSS variables for Webflow's design system
• assets/install-playground-prompt.md — Copyable prompt for installing the Designer API Playground via Claude Cowork or the Claude Chrome Extension

Weekly Installs

100

Repository

224-industries/…w-skills

GitHub Stars

6

First Seen

Feb 23, 2026

Security Audits

Gen Agent Trust HubPassSocketPassSnykPass

Installed on

claude-code92

codex30

cursor30

gemini-cli29

amp29

github-copilot29