Designing an app with Figma and SwiftUI - Part One
- Length: 1 hour
- Difficulty: Beginner
Auto-generated captions, so expect a few mistakes.
Touring the App Design in Figma
Creating the Xcode Project
Building the Voice Command Button
Components and the Home Header
Custom Colors in Assets
Header Buttons with Variables
Building the Car Status Section
Category Headers and Action Buttons
Action Item Data and ForEach
Settings Grid with LazyVGrid
Reorder Button and Testing on iPhone
About this camp
In this camp, we will be designing an app using Figma and SwiftUI.
We'll start off in Figma, creating an interface for our app, with a few interactions. Then, we'll jump into Xcode and start coding out our app with SwiftUI. By the end, we'll have a full-fledged app design you can interact with. This camp isn't about functionality, but the design behind apps.
THIS IS PART ONE OF A MULTI PART CAMP
What you'll learn
- Use Figma to design app interfaces
- Create interactions in Figma
- Learn the basics of SwiftUI
- Program app designs with SwiftUI