Tutorial Library¶
Sixteen follow-on tutorials that build real skins after the lead Blue Morpho butterfly tutorial. Sorted by difficulty.
Beginner¶
| Tutorial | Time | What you make |
|---|---|---|
| Borderless music widget | 25 min | A star-shaped music widget skin |
| Star-shaped app window | 20 min | Practice authoring SVG window shapes |
| Custom brush from a photo | 25 min | Capture a tileable from a photo, save as a brush |
| Import a Figma screen | 20 min | Bring a Figma frame into the Designer |
| Lottie loading spinner | 25 min | Author a loading spinner from a Lottie file |
Intermediate¶
| Tutorial | Time | What you make |
|---|---|---|
| SVG icon-pack skin | 35 min | A skin that swaps icons via a chooser |
| Aether scaffold a settings panel | 30 min | Ask Aether to build a settings panel for you |
| Rig a 2-bone arm | 40 min | Bind a mesh + IK + paint weights |
| Cloth flag with wind | 35 min | A flag waving from a pole |
| Particle confetti celebration | 30 min | A one-shot confetti burst |
| PBR iridescence shader | 45 min | Author an iridescent material in Hypershade |
| Importing Photoshop brushes | 20 min | Bring a .abr set into the Library |
Advanced¶
| Tutorial | Time | What you make |
|---|---|---|
| Glass theme from scratch | 50 min | Author a full custom glass theme |
| Multi-window dashboard | 75 min | A multi-window skin with a docking pattern |
| Touch / pen painting app | 60 min | A pure painting app that ships as a skin |
| Publish to marketplace | 30 min | Sign and publish a skin |
How to read them¶
Each tutorial:
- Hero shot at the top of the finished result.
- Prerequisites (which earlier tutorial / which Designer feature is required).
- Step-by-step, screenshot-light, with exact menu paths.
- Closes with "what you exercised" and see-also links.
See also¶
- Blue Morpho lead tutorial : the canonical first tutorial.
- Framework Tutorial Library : runtime-side follow-ons.