Skip to main content
Subframe Docs home page
Search...
⌘K
Ask AI
Log in
Log in
Search...
Navigation
Design mode
Previewing designs
Developer docs
Learn Subframe
Go to Subframe
Slack Community
YouTube
Introduction
Quickstart
Concepts
FAQ
Core Concepts
Elements
Components
Pages
Theme
Flows
Snippets
Projects
Editor
Overview
Ask AI
Design mode
Layers
Inspector
Adding elements
Working with stacks
Page layouts
Previewing designs
Responsive design
Quick actions
Keyboard shortcuts
Comments
Share designs
Custom CSS
Prototype mode
Code mode
Admin and billing
Team members
Pricing and plans
Auth tokens
Single sign-on (SSO)
Design mode
Previewing designs
Copy page
Preview your designs and test interactions.
Copy page
Preview mode shows how your design behaves outside the editor. Interactions like hover states work in preview.
To preview your design, click the
eye
icon
in the navbar.
Was this page helpful?
Yes
No
Suggest edits
Raise issue
Page layouts
Responsive design
⌘I