Select an element and ask the AI to restyle, rewrite, or restructure it — scoped to that element via Focus mode.
Where: Canvas → right-click → Focus on this → AI chat — Focus an element and ask for a change
Key ideas
- Scoped edits: The AI works on the focused element and its subtree.
- Accept/reject: Changes are reviewed before they stick.
Steps
- Focus an element.
- Ask the AI to change it.
- Accept or reject the result.
Focus defines scope
Focus mode isolates the selected element and its subtree so requests can restyle, rewrite, or restructure that component without inviting unrelated page edits.
Review the full subtree
- Compare copy and semantics.
- Check classes/styles and responsive behavior.
- Test interactions and component instances.
- Accept only after checking that sibling/page systems remain unchanged.
Tips
- State what must not change—dimensions, content, class contract, or child order.
- Use a narrowly selected child when only one label/image should change.
Limitations and important notes
- Accept/reject protects the proposed change, but a broad focused parent can still include a large subtree.