Design Course

Explore the Art of Swift UI Design. Discover techniques for integrating shapes, paths, and custom fonts to create the classic Apple aesthetic in your apps.

Get Access

Course Requirements

  • Xcode Version 14.0 or higher
  • Minimum deployment version: iOS 14 or Higher

What You'll Learn

  • Swift UI Design Techniques

    Learn Swift UI design basics: shapes, paths, and image unifiers, plus advanced techniques like gradients and blurs.

  • Component-Based App Layouts

    Explore SwiftUI components: create tab bars, cards, grids, and lists for dynamic app layouts.

  • Design Tools Mastery

    Master Figma: learn interface basics, key features, and collaborative design.

  • iOS Design Principles

    Understand iOS design fundamentals: app architecture, interface design with a focus on bars, views, and controls.

  • Comprehensive App Design Process

    Discover a full app design workflow: from inspiration and personas to journey mapping, wireframing, and prototyping.

  • Xcode Implementation

    Learn to integrate design with development in Xcode, focusing on asset import and screen implementation.

Why This Course?

  • Practical Skills

    Master Swift UI design to create sleek, functional app interfaces, directly applicable to real-world development.

  • Holistic Learning

    Gain a complete understanding of app design, from concept to implementation, suitable for all learning styles.

  • Design to Development

    Learn to convert designs into development-ready formats, a vital skill for modern app projects and teamwork.

Course curriculum

    1. Welcome

    2. Course Materials

    3. Where to Get Help?

    1. Lesson 1: Introduction

    2. Lesson 2: SwiftUI Shapes

    3. Lesson 2 Challenge

    4. Lesson 3: SwiftUI Paths

    5. Lesson 3 Challenge

    6. Lesson 4: Gradients, Drop Shadows and Blurs

    7. Lesson 4 Challenge

    8. Lesson 5: Styling Textfields

    9. Lesson 5 Challenge

    10. Lesson 6: Styling Buttons

    11. Lesson 6 Challenge

    12. Lesson 7: Custom Fonts

    1. Lesson 1: Introduction

    2. Lesson 2: Custom Tab Bars

    3. Lesson 3: Cards

    4. Lesson 4: Grids

    5. Lesson 5: Scrollviews and Vertical Lists

    6. Lesson 6: Horizontal Lists

    7. Lesson 7: Forms

    1. Lesson 1: Introduction to Figma

    2. Lesson 2: Tools to Get Started

    3. Lesson 3: Essential Design Features

    4. Lesson 4: Preview and Presentation

    5. Lesson 5: Collaboration

    6. Recap Quiz #1

    1. Lesson 1: Introduction

    2. Lesson 2: App Architecture

    3. Lesson 3: Interface Essentials - Bars

    4. Recap Quiz #1

    5. Lesson 4: Interface Essentials - Views

    6. Lesson 5: Interface Essentials - Controls

    7. Recap Quiz #2

    1. Lesson 1: References and Inspiration

    2. Lesson 2: Creating User Personas

    3. Lesson 3: Journey Mapping

    4. Lesson 4: Wireframing

    5. Lesson 5: Design, Prototyping and Export (Part 1)

    6. Lesson 5: Design, Prototyping and Export (Part 2)

    7. Lesson 6: App Design Challenge

About this course

  • Free
  • 50 lessons
  • 9 hours of video content

Get Access to this course with a CWC+ Membership

With a membership, you'll get access to all of our programs, structured learning paths and training courses to help you become an iOS developer or indie app developer.

Learn More

Join over 1700+ iOS learners in CWC+

Transform into a professional iOS developer or indie app developer even if you don't have any coding experience.

Get Started 14-day money-back guarantee