Implementing a Design System with SwiftUI: How to Build Every UI in the World with SwiftUI: The Complete Edition

Name: Implementing a Design System with SwiftUI: How to Build Every UI in the World with SwiftUI: The Complete Edition
Price: 33000 KRW

You can develop all types of app UI components with this one course.

10 learners are taking this course

Level Basic

Course period Unlimited

mushokumushu

SwiftUI

Swift

SwiftUI

Swift

What you will gain after the course

Mastering SwiftUI
All app UIs in the world
UI development reference

“App Development, Are You Tired of Writing New Code Every Time?” 🤔

A fully reusable design system that can be used on future projects, not just created once.
Let's make it.

We asked over 20 app developers, most of whom had similar concerns.

"Why does it take so long every time I create a new UI?"
"When I collaborate with the design team, why does something always go wrong?"
"Why does maintenance become more difficult as projects grow?"

This is the answer I realized while conducting offline lectures with 50 students. The answer to these problems lies in a systematic design system .

💡 What this course can change for you

Productivity explosion
Being able to reuse components drastically reduces the time spent on UI design, allowing you to focus on developing more important features.
Convenience of maintenance
As your projects grow, you’ll discover how powerful a consistent design system can be, allowing you to make changes in a snap.
Strengthen your position within the team
Developers who can properly understand and implement a design system are rare. You will be positioned as a UI expert within your team.

What's special about this course?

1. Real practice-oriented lectures

The curriculum has been tested by 50 students in offline classes, and covers only what is actually useful . Students unanimously say that they got results that they could apply to their own projects right away after taking the course.

2. Everything about design systems learned with SwiftUI

You will learn the basics of creating components such as Badge, Chip, Toast, and Tab, as well as the design principles of a design system that is easy to maintain and extend. After completing this course, you will gain the following abilities:

A technology that allows you to reuse components you've created once across all projects.
How to speed up your app development by at least 2x
How to design UI and write code that makes collaboration easier

3. Covers animation and advanced UI

Design systems aren’t just about static UIs. Smooth animations and interactions are key to the user experience. This course will cover how to bring your app to life with animations.

Learn about these things.

1. Recognize the problem

We'll look at some common UI problems that people face in app development. It makes you realize the need for a design system to solve questions like, "Why do I have to create the same button so often?"

2. Creating components

From simple components like Text, Button, and Card to advanced UIs like Tab, Carousel, and Modal, you will learn techniques by creating them one by one with SwiftUI.

3. Design System Design

Learn how to design a consistent design system by integrating multiple components. Build a system that can be used efficiently in team projects or large-scale apps.

4. Completion and advancement

Learn how to elevate user experiences with smooth animations and advanced interactions, and integrate them into your design system.

This course is not just about teaching you how to create components. It’s a complete roadmap to help you grow into a productive and efficient UI developer with SwiftUI.

A course approved by 50 students, now it's your turn.

Recommended for
these people

Who is this course right for?

Someone who wants to quickly solve UI development with copy and paste
Someone who is new to SwiftUI
Someone who wants to use SwiftUI in real-world projects.

Need to know before starting?

Quick

Hello
This is

안녕하세요.

저는 가장 필요하고 실무 현업에서 바로 쓸 수 있는 것들로

강의를 제작하고 있습니다.

피드백에 대해 성실하게 답변하니

편하게 문의주세요.

Curriculum

All

14 lectures ∙ (2hr 3min)

Course Materials:

Lecture resources

Section 1. Course Introduction

1 lectures ∙ (1min)

1. Intro
01:24

Section 2. How does SwiftUI draw UI

2 lectures ∙ (7min)

2. We must have a design system.
01:59
3. SwiftUI Basics
05:58

Section 3. Mastering Text makes development 5 times faster.

4 lectures ∙ (26min)

4. Core Text Development for Expression
08:08
5. Chip for small emphasis
08:48
6. Break Time Divider
05:30
7. ProgressBar for Intuitive Loading
04:25

Section 4. Basis of Interaction, Button Component

4 lectures ∙ (59min)

Section 5. Components that cover the entire screen

3 lectures ∙ (27min)

Published:

Last updated:

Reviews

Not enough reviews.

Please write a valuable review that helps everyone!

$26.40

mushokumushu's other courses

Check out other courses by the instructor!

TCA (The Composable Architecture) Practical Guide

mushokumushu

Learn the concept of TCA and how to apply it in practice.

중급이상

tca, Swift

TCA (The Composable Architecture) Practical Guide

mushokumushu

Similar courses

Explore other courses in the same field!

[Lv.4] SwiftUI Advanced Animation - Mastering Interactive UI for Real-World Applications

jacobko

A practical, in-depth course on core SwiftUI animations (Spring Animation & Transition), systematically teaching 9 real app screens & interactive UI/UX. (📌 All lecture PDFs & practice Code files provided)

중급이상

iOS, Swift, SwiftUI

[Lv.4] SwiftUI Advanced Animation - Mastering Interactive UI for Real-World Applications

jacobko

Tetris game made in Swift language

cmieux

Let's create a Tetris game in Swift.

초급

Swift, iOS

Tetris game made in Swift language

cmieux

iOS10 iPhone Web Browser Making Practice with Swift3

appstamp70006

This is a course to create your own iPhone web browser using Swift2, Apple's official development language.

초급

iOS, Swift

iOS10 iPhone Web Browser Making Practice with Swift3

appstamp70006

iOS SwiftUI AR Augmented Reality

cmieux

Create an augmented reality AR app in the new SwiftUI environment. Create your own Snow app using ARKit, RealityKit, Core ML, etc.

초급

iOS, SwiftUI, VR/AR

iOS SwiftUI AR Augmented Reality

cmieux

iOS Brick Breaker Game Learned in Swift

cmieux

You can learn the concepts of iPhone (IOS) game development by making your own version of the classic game, Brick Breaker.

초급

Swift, iOS

iOS Brick Breaker Game Learned in Swift

cmieux

Go-Stop game made in Swift language

cmieux

iOS Match Game Making Swift Make a fun match game using Swift.

초급

Swift, iOS

Go-Stop game made in Swift language

cmieux

Property Wrapper (@State, @Binding...) in SwiftUI

daynightcoding

Learn about the data-related property wrappers that appear early in SwiftUI: @State, @Binding, .constant, ObservableObject, @Published, @ObservedObject, @EnvironmentObject, @Environment

초급

SwiftUI, Swift, iOS

Property Wrapper (@State, @Binding...) in SwiftUI

daynightcoding

Yagom's Swift Basic Grammar Course

yagom

This course teaches the basic core grammar of Swift so that existing programmers or people with programming concepts can quickly learn Swift grammar.

초급

Swift

Yagom's Swift Basic Grammar Course

yagom

Professor Dong-Gyu Park of Changwon National University's Swift Language Basics Course

Donggyu Park

Professor Park's latest Swift lecture! Download the lecture code from the following site - https://github.com/dongupak/Swift2.0-Programming And when lectures 11 and 12 don't play, press the gear icon and lower the video resolution, and the video will play well. Thank you to the reporter.

초급

Swift

Professor Dong-Gyu Park of Changwon National University's Swift Language Basics Course

Donggyu Park