Designing spatial software

on YouTube ↗24m

" summary

A concrete recipe: use Figma as source of truth, prototype early with high‑volume screenshots and Smart Animate, and commit to a clear feeling (comfort + social chaos) to guide choices. Choose 2D avatars in a 3D world — here 2.5D Bitmoji avatars — and fake perspective with mirrored warped rectangles and abstract circles. Export Blender animations as PNG frames for storyboarded assets. Result: a functioning HAGGS school world with first‑person skateboarding hallways and baked personalization that scales.

AI-written summary · about

" chapters (11)

1. 0:00Introduction
2. 1:30What is spatial software?
3. 3:51Spatial narratives evoke feelings
4. 5:00Fundamental constraints
5. 6:00Identity and movement shapes how users feel
6. 8:05Prototype early
7. 14:04Faking perspective
8. 16:43Establish the world
9. 18:10Bake personalization into your design system
10. 22:04Creative ways to collaborate with engineering
11. 24:08Closing

" related talks

• 25mUnexpected places: Figma as a space for anything and everythingAce Chen · Config 2021
• 21mDesigning for Humanity begins, NowSilka Miesnieks · AWE USA 2018
• 27mExploring spatial softwareJohn Palmer · Config 2021
• 40mCreating illustration Systems that Work for EveryoneBonnie Kate Wolf · Config 2020
• 22mMaking a 3D world with 2D pixels in FigmaDavid Galavotti · Config 2025
• 33mVisual thinking - simplify complexYuri Malishenko · Øredev 2019
• 23mGnarly by design: building systems with gritBeau Wingfield · Config 2026
• 39mDesigning with ComponentsMark Dalgleish · ComponentsConf 2019