CF

Design and Prototype for iOS 18

3h 15m 32s
English
Paid

"Design and Prototyping for iOS 18" offers an exciting deep dive into the world of mobile design, enabling you to master the creation of stylish and user-friendly applications. Throughout this course, you'll gain proficiency in Figma, explore the latest design principles of iOS 18, and engage in hands-on practice with real-world projects. Participants will have the opportunity to create two complete prototypes: a car control interface and a smart AI assistant.

Objectives

By the end of this course, you will:

  • Understand the fundamentals of iOS 18 design principles.
  • Develop proficiency in using Figma for mobile design projects.
  • Create high-fidelity prototypes relevant to current industry standards.
  • Apply design concepts to real-world projects, enhancing your professional portfolio.

Course Structure

Module 1: Introduction to iOS 18 Design Principles

Dive into the core aspects of design that make iOS 18 unique and user-friendly.

Module 2: Mastering Figma

Learn how to leverage Figma to create engaging and interactive design elements, optimizing for mobile interfaces.

Module 3: Practical Prototyping

Engage in hands-on activities to build two complete prototypes: a car control interface and a smart AI assistant.

Key Benefits

  • Hands-on experience with top industry tools and frameworks.
  • Guidance from experienced professionals in mobile design.
  • Access to exclusive design resources and templates.
  • Development of a robust portfolio to showcase your skills to potential employers.

Who Should Enroll?

This course is ideal for:

  • Beginners aspiring to break into mobile app design.
  • Experienced designers wanting to update their skills with the latest iOS standards.
  • Entrepreneurs looking to create user-centric mobile solutions.

About the Author: DesignCode (Meng To)

DesignCode (Meng To) thumbnail

DesignCode (designcode.io) is the online course platform of Meng To, a Vietnamese-Canadian designer-developer best known for the Design+Code book — one of the earliest works to seriously bridge interface design and iOS / SwiftUI implementation for designers learning to code.

The platform's distinctive contribution is the design ↔ engineering bridge: each course covers both the visual / design craft and the implementation in Swift / SwiftUI, React Native, or web. Course material covers SwiftUI app design, Figma design systems, animation in SwiftUI and CSS, the React / Tailwind front-end stack, and the broader design-engineering boundary that most pure-design or pure-coding courses don't address.

The CourseFlix listing under this source carries over 10 DesignCode courses spanning that range. Material is paid; DesignCode runs on a monthly / annual subscription on the original platform. Courses are aimed at designers learning to ship code or developers wanting to push their design craft.

Watch Online 21 lessons

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 21 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing
0:00
/
#1: Intro to IOS 18
All Course Lessons (21)
#Lesson TitleDurationAccess
1
Intro to IOS 18 Demo
03:50
2
UI Kits
06:31
3
Wireframing
07:40
4
iOS 18 Typography
10:00
5
SF Symbols 6
10:11
6
Auto Layout
13:53
7
Colors
14:42
8
Gradient
15:09
9
Responsive Layouts
06:23
10
Layout Grids and Spacing
15:08
11
Components and Variants
10:43
12
Figma Variables
14:52
13
Overlays and Variable Mode Interactions
05:24
14
Interactive Form Fields with Variables
08:01
15
Gradient Animations
08:24
16
Master Conditionals for a Functional Keyboard
08:57
17
Preparing Design for Handoff
06:35
18
Exporting your Design to Code
04:58
19
Customizing Code
05:47
20
React Native Animation
07:27
21
Getting Started with Reanimated
10:57
Unlock unlimited learning

Get instant access to all 20 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.

Learn more about subscription

Related courses

Frequently asked questions

What prerequisites should I have before enrolling in this course?
Before enrolling in this course, you should have a basic understanding of mobile design principles. Familiarity with design software is beneficial, although not mandatory, as the course will cover Figma in detail.
What types of projects will I design in this course?
In this course, participants will engage in hands-on practice by creating two complete prototypes: a car control interface and a smart AI assistant. These projects are designed to help you apply iOS 18 design principles in real-world contexts.
Who is the target audience for this course?
This course is ideal for aspiring mobile designers, current designers looking to update their skills with iOS 18, and professionals seeking to enhance their portfolios with high-fidelity prototypes.
How does this course compare in depth to other iOS design courses?
This course offers a focused deep dive into iOS 18 design principles and practical application using Figma. Unlike broader design courses, it specifically targets the latest iOS version, providing specialized knowledge and tools relevant to the current industry standards.
What specific tools will I learn to use in this course?
You will learn to use Figma extensively for creating engaging and interactive design elements. The course also covers React Native Animation and introduces SF Symbols 6, providing a comprehensive toolkit for modern mobile design.
What topics are not covered in this course?
The course does not cover backend development or non-iOS mobile platforms. Its focus is entirely on design and prototyping for iOS 18, using Figma and related tools.
How much time should I expect to commit to this course?
The course includes 21 lessons, which cover various aspects of iOS 18 design and prototyping. While the total runtime isn't specified, participants should prepare for a comprehensive learning experience, engaging in both theoretical lessons and practical exercises.