Skip to content

Quick Start

Build your first visual system and export it in under 10 minutes.

In this guide, you’ll design once, define structure, and generate a complete set of visuals you can reuse, localize, and scale.


Start by creating a new project in Spectra. You have two options:

Option A: Start from a template (recommended)

  • Browse the Template Marketplace
  • Choose a template that matches your workflow
  • Create a project from the template

This is the fastest way to get started. Templates provide a proven structure you can adapt, extend, and reuse.

Option B: Start from scratch

  • Create a new empty project

This gives you full control to define structure from the ground up.

A project is where your visual system lives — structure, assets, variants, and exports all belong here.


Tell Iris what you want to create and what it should communicate.

Iris translates intent into structure: frames, hierarchy, and rules.

Example prompts:

  • “Make this feel premium and minimal.”
  • “We need a 3-frame App Store set focused on trust and speed.”
  • “Use our dark theme for the last frame only.”

You’re not placing pixels — you’re defining how the system should behave.


Add your real content:

  • Screenshots
  • Logos
  • Copy
  • Brand assets

Replace placeholders in the template, or ask Iris to place assets for you.

Assets are linked to the underlying structure, so updates propagate automatically across every frame and variant.


Choose the locales and themes you want — then export everything at once.

Spectra generates a clean, deterministic set of images you can ship immediately — and regenerate anytime without manual rework.


  • Meet Iris and learn how she translates intent into structure
  • Understand the core building blocks: templates, frames, variables, and locales
  • Explore Product Guides to scale, localize, and automate exports

You’ve just built a system — not a one-off design.