Meng To
I design, code and write
Montreal, Canada
Meng To is the author of Design+Code. Meng started off his career as a self-taught designer from Montreal and eventually traveled around the world for 2 years as his US VISA was denied. During his travels, he wrote a book which now has 35,000 readers.
latest from Meng
Numeric Text Animation using ContentTransition
Create smooth animations for changing numeric values using SwiftUI's contentTransition modifier
Tutorial
Parallax ScrollView
Learn how to transform a basic ScrollView by adding a stunning parallax effect2
Tutorial
Mesh Gradient in SwiftUI
How to create and animate mesh gradients using SwiftUI
Tutorial
Progressive Blur in SwiftUI
Using a component applied to a background modifier, we'll dynamically adjust the blur radius and position of the gradual blur
Tutorial
Embed 3D Assets from Spline
Learn how to embed 3D assets from Spline into your SwiftUI app
Tutorial
SwiftData Persistence
Learn SwiftData fundamentals - define models, set up persistence, fetch, query, and modify data with code examples
Tutorial
Observable Models
Simplify app development and eliminate boilerplate code with observable view models in SwiftUI
Tutorial
Specific Corner Radius
Learn how to create precise and unique corner radius using various techniques in SwiftUI
Tutorial
SF Font Width Styles
Implement SF Font Compressed, Condensed and Expanded width styles using a font extension
Tutorial
Link
Learn how to open a URL in the Safari browser and how to customize your Link
Tutorial
Lazy Grid Layout
Learn how to build an adaptive or fixed grid layout that expands vertically or horizontally
Tutorial
Swift Package Manager
How to install SwiftUI packages using the Swift Package Manager
Tutorial
Advanced Matched Geometry Effect
Recreate the Music app transition using matched geometry effect and learn how to pass Namespace to another view
Tutorial
Long Press Gesture
Detect the long press duration to expand a button and bounce back
Tutorial
View Transitions and Animations
Animate your screens using the transition modifier and preset animations
Tutorial
Animation States
How to set up a simple animation using states, toggle, withAnimation and onTapGesture
Tutorial
Clip Shape and Smooth Corners
How to create a continuous corner radius, also known as super ellipse
Tutorial
Color and Image Literals
Use the color picker and images list to set your colors and images directly in the code
Tutorial
Shapes and Stroke
How to use shapes like circle, ellipse, capsule, rectangle and rounded rectangle
Tutorial
Stacks and Spacer
Learn how to use HStack, VStack, ZStack with spacing and alignment
Tutorial
Custom View Modifier in SwiftUI
Reuse view configurations, such as drop shadows, background styles, and overlays
Tutorial
Ripple Visual Effect Interaction with Metal Shader
Create a stunning ripple visual effect for a simple card interaction using Metal Shaders and SwiftUI
Tutorial
Animation Repeat, Delay and Speed
How to loop and delay your animation using repeat, repeatForever, speed and delay
Tutorial
Font Weight Animation in SwiftUI
Animate the font weight between two states across multiple lines
Tutorial
37 courses From Meng
Build a React Site from Figma to Codux
14 videos - 2 hours
Create 3D UI for iOS and visionOS in Spline
12 videos - 3 hours
Master No-Code Web Design with Framer
20 videos - 4 hours
Build SwiftUI Apps for iOS 17
16 videos - 4 hours
Build Beautiful Apps with GPT-4 and Midjourney
15 videos - 4 hours
Build SwiftUI apps for iOS 16
35 videos - 5 hours
Build a 3D Site Without Code with Framer
10 videos - 3 hours
Create 3D Site with Spline and React
9 videos - 1 hour
Build an Animated App with Rive and SwiftUI
15 videos - 3 hours
Build a SwiftUI app for iOS 15 Part 3
21 videos - 4 hours
Build a SwiftUI app for iOS 15 Part 2
19 videos - 3 hours
Build a SwiftUI app for iOS 15
21 videos - 4 hours
React Livestreams
2 videos - 4 hours
Design Founder Livestreams
1 video - 2 hours
SwiftUI Advanced Handbook
39 videos - 4 hours
iOS Design Handbook
20 videos - 2 hours
SwiftUI Handbook
120 videos - 7 hours
Build a web app with React Hooks
20 videos - 4 hours
UI Design Handbook
35 videos - 2 hours
Figma Handbook
102 videos - 6 hours
SwiftUI for iOS 14
20 videos - 3 hours
SwiftUI Livestreams
14 videos - 19 hours
UI Design Livestreams
19 videos - 26 hours
UI Design for Developers
22 videos - 3 hours
Build an app with SwiftUI Part 3
20 videos - 4 hours
Build an app with SwiftUI Part 2
20 videos - 4 hours
Build a full site in Webflow
14 videos - 3 hours
Advanced Prototyping in ProtoPie
14 videos - 3 hours
Build an app with SwiftUI Part 1
20 videos - 4 hours
React Native for Designers Part 2
12 videos - 3 hours
React Native for Designers
12 videos - 5 hours
Design System in Figma
10 videos - 3 hours
React for Designers
12 videos - 3 hours
Swift Advanced
22 videos - 9 hours
Learn Swift
19 videos - 4 hours
Learn Sketch
21 videos - 5 hours
Learn iOS 11 Design
11 videos - 1 hour
5 handbooks from Meng
SwiftUI Handbook
A comprehensive series of tutorials covering Xcode, SwiftUI and all the layout and development techniques
120 free tutorials
Videos, PDF, files
PRO
Figma Handbook
A comprehensive guide to the best tips and tricks in Figma
102 free tutorials
Videos, PDF, files
PRO
iOS Design Handbook
A complete guide to designing for iOS 14 with videos, examples and design files
20 free tutorials
Videos, PDF, files
PRO
SwiftUI Advanced Handbook
An extensive series of tutorials covering advanced topics related to SwiftUI, with a main focus on backend and logic to take your SwiftUI skills to the next level
39 free tutorials
Videos, PDF, files
PRO
UI Design Handbook
A comprehensive guide to the best tips and tricks for UI design. Free tutorials for learning user interface design.
35 free tutorials
Videos, PDF, files
PRO
4 livestreams from Meng
UI Design Livestreams
19 videos - 26 hours
19 livestreams
1
My Design Process
Learn tips and tricks to create Ul assets.
73:32
2
Colors, Grid, Adaptive Layout
Color palettes and complimentary colors
74:53
3
UI Patterns, Visual Hierarchy and Iterations
Learn patterns and wireframes
105:56
4
Prototyping, Animation and Developer Handoff
Create quick animations in Figma
116:02
5
UI Design for developers and Design System
Create a collaborative and effective design system
60:02
6
iOS 14 Design
A quick view to the new iOS 14 design guidelines
93:08
7
UI Design new techniques
Team Collaboration, Components, Waves and List Design.
109:05
8
Review UIs and Design Techniques in Figma
UI design livestream where I will review UIs, give techniques and redesign live in Figma w before & after
96:15
9
Glassmorphism, Onboarding UI in Figma
Let's explore glassmorphism by using the blurred background, outlines and design a user interface in Figma
54:03
10
Blobs, Glassmorphism and iOS Screens in Figma
I'm creating blobs in Figma, working with colors, blurred layers and redesigning screens for our iOS app
65:38
11
Dark Mode, Angular Gradient Blur and Annotations in Figma
Design with dark colors, play with blurred gradients and adding comments to your design
68:16
12
Auto Layout, Hugs Content, Fill Container and Design System in Figma
Learn how to use Auto Layout, Hugs Content, Fill Container, Constraints and how to organize your Design System components
68:59
13
Variants, Prototyping and Interactive Components in Figma
How to use variants, prototype using Smart Animate and set up Interactive Components
76:44
14
Designing your first iOS app
A crash course on iOS app design for beginners using key resources from Apple and the design community.
116:33
15
Presenting your App
Different techniques and tools to present your designs for your website and covers for the App Store, YouTube, Instagram and Twitter
70:49
16
Sketch VS Figma
Sketch just added collaboration and made a big move into subscription. Let’s see how it compares to Figma.
70:24
17
Claymorphism and Mixing Styles
Explore drop shadows, inner shadows and color vibrancy to combine multiple styles
82:02
18
Design System, Variables, Breakpoints and Framer Deployment
This livestream is a deep dive into design systems in Figma and Framer
74:42
19
Team Components, Dos and Donts, Design Tips
Let’s discuss about working with team, organizing your layers, creating components and user interfaces from UI Kit and design system
80:47
SwiftUI Livestreams
14 videos - 19 hours
14 livestreams
1
Prototyping from Figma
Let's use SwiftUI to quickly prototype interactions from a design in Figma.
56:37
2
Peek Scrolling Concept using GeometryReader
Let's add a scroll and detect the position to apply animations.
41:25
3
Design and code for iOS, iPadOS, Big Sur
Design patterns and SwiftUI 2 techniques for iOS, iPadOS and Big Sur.
105:05
4
Lazy Grid and Matched Geometry Effect
SwiftUI Lazy Grid and Matched Geometry Effect
97:11
5
Design and code the App Store Today
We'll be recreating the App Store's today tab both in design and SwiftUI using Matched Geometry Effect
77:48
6
Design, code, analyze the ClubHouse app bottom card UI
Learn about the UI in Clubhouse, the bottom card pattern, usage of rounded fonts, squircles, drag to dismiss
95:54
7
Gradients and Glassmorphism in SwiftUI
Building an iOS app with gradients, cards, visual effect blur, outlines and animations in SwiftUI
92:24
8
WWDC 2021 Student Challenge - How to create a SwiftUI Project for Swift Playgrounds
WWDC 21 has just been announced. It's going to be from June 7 to June 11. There's going to be a lot of updates to iOS 15 and SwiftUI.
28:14
9
Prototyping UI, Shapes and Animations in SwiftUI
Learn how to turn your user interface and shapes into SwiftUI code and animate the using states
89:57
10
Code Onboarding UI and Animation
Build welcome screens with animation using a glassmorphic UI, masking, gradients, glow and blend modes
78:58
11
How we built our iOS app
Learn about our process and tools for working in a team of designers and developers
92:27
12
Building your first iOS app
The best way to start development on your first app with key resources, beginner-friendly steps and bridging design and code
135:57
13
SF Symbols 3, Canvas Animation
Let’s explore all the exciting new features launching this year for SwiftUI, iOS 15 and Xcode 13
67:27
14
Bottom Sheet UI with Gestures
Build the bottom sheet UI in SwiftUI with snap positions and screen size detection
65:16
React Livestreams
2 videos - 4 hours
Design Founder Livestreams
1 video - 2 hours
