Skip to content
Orbit Docs

Mockup

Published Updated

Also called Hi-fi static design, Static comp

What is Mockup?

A high-fidelity static representation of a UI that shows visual design — colors, typography, and layout — without any interactivity.

A mockup is the next step after a wireframe. It looks like the real product but is a static image or file — nothing is clickable. Mockups are used to communicate and approve the visual design before any code is written. Tools like Figma, Sketch, and Adobe XD are commonly used to create them.

How it relates to Orbit

You can generate and save visual candidates in Orbit’s Image Studio while developing a project. See Generate Images & Icons for details.

When you would use it

When you need to show what the product will look like visually before building it.

Common operations

  • Presenting visual design to stakeholders for approval.
  • Exploring color and typography options.
  • Handing off to a developer as a design reference.

Related terms

In the Orbit docs

Where this is taught

No learning path uses this term yet. Browse the Learning Atlas for guided sequences through related ideas.