Figma to Webflow skill.
Builds Webflow components from an annotated Figma design, with Smootify’s elements, attributes, props and bindings as the markup contract wants them.
Load it when your agent moves from the Figma file to Webflow. It works with the Figma and Webflow MCP servers. Beta: version 2.0.0-beta.27.
- Reads the Smootify annotations on the Figma layers: the element, its attributes, props and bindings
- Builds each component in Webflow with its props, classes and custom attributes
- Binds the props, and lists the bindings and settings you still set by hand
- Stops and asks when an annotation is not finished
- Checks every binding in Webflow before it reports
- Publish the site
- Connect your Shopify store
- Choose a plan for you
Install it in your agent.
Claude Code
Add Smootify's marketplace and install the plugin: it holds all five skills, and updates with each version.
claude plugin marketplace add smootify/skills
claude plugin install smootify@smootifyClaude on the web and desktop
Download the zip and upload it in Settings → Customize → Skills. To update, upload the new zip in its place.
Download the zipCursor, Codex and other agents
The skill is a folder with a SKILL.md: copy it from the zip or from GitHub to where your agent reads skills.
Start in Figma.
Go live on Shopify.
Free to build, pay only when you go live. One Shopify app instead of ten, billed on the store’s Shopify invoice.
- One app on the Shopify bill, not ten
- Free to build, pay only when you go live
- Works on Basic, Grow and Advanced
- Your 1.x store keeps working
- Every element stays yours to change
- Docs indexed in llms.txt