Creating Your First Design
A step-by-step walkthrough of your first Lega session: create a frame, generate a layout, edit it, and export — start to finish in about two minutes.
If you've read What is Lega?, you already know the shape of the idea: describe what you want, get real editable layers back. This page is the concrete version — open the editor and walk through an actual first design, from empty canvas to exported file.
Step 1: Open the editor
Head to the editor at /editor. You'll land on an empty canvas with a single frame waiting for you. A frame is your artboard — the rectangular area your design actually lives in. You can have more than one in a document, but for your first design, one is plenty. For more on how frames work, see Frames & Artboards.
Step 2: Describe what you want
Instead of picking tools and placing elements one by one, you describe the design in the chat pane. Be specific about what the piece is for and what should be on it — the more concrete the brief, the better the first draft. A prompt like "Instagram post announcing a 20%-off summer sale for a coffee shop, warm and minimal" will get you further than "make a sale post."
Hit generate. In a few seconds, Lega returns a full composition: background, headline text, supporting copy, maybe a shape or decorative accent, all positioned and styled — not a flattened image, but a stack of real layers sitting on your frame.
Step 3: Look at what you got
Before you touch anything, it's worth understanding what just happened. Every element the AI placed — the headline, the price callout, the background shape — is an independent layer you can select individually. Open the Layers panel (right side of the editor) to see the full list. Click any layer in the panel or on the canvas itself to select it; its properties show up in the Properties tab next to it.
This is the core difference from a generated image: nothing here is baked together. You can delete the layer you don't like without touching the rest of the design.
Step 4: Edit
A few common first edits:
- Change the copy. Double-click any text layer and retype it. Font, size, and color carry over — you're just changing words.
- Swap a color. Select a layer and use the fill or stroke color picker in the Properties panel.
- Move or resize something. Drag it, or use the arrow keys for pixel-precise nudges. Smart guides will snap it into alignment with other elements automatically.
- Not happy with one piece? You don't have to regenerate the whole design. Select the layer and ask the AI to redo just that part through the chat pane — the rest of the composition stays untouched.
- Undo anything. Every action is tracked in a full command history, so
Cmd/Ctrl+Zalways gets you back to where you were.
If you want the full list of shortcuts for moves like this, see Keyboard Shortcuts.
Step 5: Export
Once it looks right, export it. The export controls give you PNG, SVG, or PDF depending on what you need the file for — social post, print piece, or an editable vector handoff. Full details, including resolution and free-tier watermark behavior, are in Exporting Your Design.
A few things that trip people up early
The AI draft isn't meant to be final. Treat generation as a fast first pass, not a finished product. Almost every design benefits from at least a couple of manual touches — a tightened headline, a nudged margin, a swapped color.
Regeneration is scoped, not global by default. If only one element is wrong, select it and ask for a fix rather than regenerating the whole frame — you'll keep everything else you liked.
Multiple frames, one project. If you need a matching Instagram post and Story, don't start two separate projects — add a second frame to the same document so both stay part of one campaign.
Where to go next
From here, two natural next stops: the Lega Interface Tour if you want a fuller map of the editor chrome before you dive deeper, or Frames & Artboards if you're already thinking about a multi-piece campaign. Either way, the workflow you just ran through — describe, generate, edit, export — is the whole loop. Everything else in Lega is a variation on it.