Excalidraw Setup

Why Excalidraw

Excalidraw is the fastest way to sketch layout and hierarchy ideas without fighting component details. You can move from idea to critique in minutes.

Step-by-Step Setup

1. Open excalidraw.com and create a new scene.
2. Turn on the grid from the canvas options so spacing work is easier to judge.
3. Save one starter scene named design-dojo-labs so each lab starts from the same baseline.
4. Test shape and text tools by creating one frame with a heading, body copy, and CTA rectangle.
5. Optional: if you use agent tooling, follow the integration path in the official docs for your runtime.

Test Your Setup

• You can open Excalidraw in your browser in under 5 seconds.
• You can create and move shapes without lag.
• You can export a PNG from the scene menu.
• You can paste a screenshot into the canvas for annotation exercises.

If all four checks pass, you're ready for spacing-audit and hierarchy-rebuild.

Official References

• Excalidraw introduction docs
• Excalidraw source repository