“Welcome to spatial design.” is a massive Figma toolkit for mastering the new visionOS platform. Crafted with over 150 hours of dedication, insights from 7 Apple Vision Pro Labs, and extensive practical experience, this resource is more than just a toolkit—it's a revolution in design learning.
This guide is packed with over 100 screens, each designed to make your design journey smoother and more intuitive. I've split it into 13 easy-to-follow chapters. Each chapter is like a mini adventure in the world of design, covering everything from layout basics to the finer points of aesthetics.
- Art Direction
- Patterns
- Components
- Inputs
- Immersive experiences
- Accessibility
- Scenes
- Environments
- Spatial Layout
- Branding
- Apps
- Templates
- Getting started
For example, in the chapter on 'Spatial Layout,' I break down complex ideas like 'Field of View' into simple, practical terms.
At the heart of your learning journey are the Intro Cards. Think of them as your personal control panel, unlocking doors to more in-depth knowledge. Each card is full of resources—direct links to Figma Screens, references to the Apple Human Interface Guidelines, precise WWDC timestamps, and snippets of code. This isn't just a learning tool; it's a comprehensive companion, blending theory with practical application. I’ll introduce them in Chapter 13, “Getting Started”.
In creating this guide, I've dived deep into the world of spatial design. I've watched every WWDC video and dissected the most intricate design guidelines, blending them with my own hands-on experience from app development.
Whether you're a seasoned designer or just starting out, this guide will be your go-to resource for everything spatial design. Let's dive in and start creating outstanding stuff together!
- Light
- Color
- Materials
- SF Symbols
- Typography
- Charting data
- Shared Space
- Playing audio
- Drag and drop
- Multitasking
- Playing Video
- Content
- Layout and organisation
- Menus and actions
- Navigation and search
- Presentation
- Selection and input
- Status
- System experiences
- Digital Crown
- Eyes
- Gestures
- Indirect gestures
- Mixed and Progressive immersion
- Full immersion
- Spatial audio
- Motion
- Best Practices
- Best Practices
- Windows
- Volumes
- Full Spaces
- Control panel
- Design and behaviour
- Field of View
- Screenshot Safe Zone
- Depth
- Scale
- Shadow
- Tab Bar
- Background
- Navigation Bar
- App Icon
- AppStore
- Springboard
- Your app
- Notifications
- TV+
- Music
- Mindfulness
- Settings
- Freeform
- Safari
- Photo
- Notes
- App Store (coming soon)
- Mail (coming soon)
- Message
- Compatible Apps
- Files
- Tips (coming soon)
- Feedback (coming soon)
- TestFlight
- Intro Card
- Libraries
- Watch
- Plugins