Wix
Wix Editor Components
On-canvas editing behavior for non-technical website creators
Role
Product Designer
Timeline
2017-2021
Surfaces
Wix Website Editor
Scale
130K+ creators · 100M+ downloads · millions of players
Project overview.
Worked on the interaction and customization model for components across the Wix Editor: how elements respond to selection, resize, and edit, and which capabilities get exposed on canvas versus buried in a panel versus hidden entirely. Consistent across very different component types (buttons, galleries, forms, search widgets) without collapsing into one rigid template.
What this covered:
Interaction states for components on the canvas: default, hover, selected, editing, empty, constrained
A placement logic for every customization option: canvas if it's visual and immediate, contextual toolbar if high-frequency, main panel if it needs explanation, advanced settings if rare or technical, constrained or hidden if it can break the component
Panel structure grouped around Content, Design, Layout, Behavior, and Advanced, so a panel reads as "what kind of thing is this" rather than a flat settings list
A shared editing language across component types, so a button and a search widget follow the same underlying model while keeping their own component-specific controls
Example: Customizing Hover Interactions
The trigger component shows two modes on the canvas: Regular, visible by default, and Hover, which only appears once a user hovers the component. Switching between the two is how users build the interaction without leaving the stage.
Example: Customizing Site Search App
Rendered across editors. The app adapts to two very different environments: a 980px grid in the standard Wix Editor for DIY users, and a fully responsive layout in Editor X for more technical users. Same component, two rendering models.
Once installed, the app reads the user's existing site theme and applies it automatically, so the search widget looks like it was always part of the site rather than a bolted-on app.
More projects.
Check out the rest of the featured proojects I've worked on.
