01
Start with one useful screen
Choose the screen that carries the main action: discovering a stay, reading a product, or reviewing a booking. Draw a frame with F and give it a clear name. Add the content people need before decorating it. In the Elsewhere starter, the destination search, featured stay, and price each have a deliberate place in the reading order.
02
Refine hierarchy with actual content
Use short, realistic labels instead of repeated placeholder copy. Select text to set its size, weight, and alignment in the inspector. Keep supporting details quieter than the main action. Group related controls and compare the screen at a comfortable zoom level; a layout that works only when magnified probably needs a simpler hierarchy.
03
Keep the design editable
Name the layers that matter and put related objects in frames. Individual labels, shapes, images, and vector icons remain editable. Export a PNG for review, an SVG for vector artwork, or a Figart file to keep the document structure.
Try it in your next file
A few steps to get moving.
- 1
Open the Elsewhere template or draw a blank frame.
- 2
Define the primary action and add realistic content.
- 3
Tune typography, spacing, fills, and corner radii.
- 4
Export a screen for review and keep an editable backup.