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
Cursor Agent and API Call
How to Integrate AI Features in Your App Using Cursor Agent and Claude AI
Course
Xcode with Claude AI using Alex Sidebar
How to Use Alex Sidebar for AI-Powered iOS Development
Course
Figma to SwiftUI Code
How to Export Accurate SwiftUI Code from Figma Designs
Course
Ripple Effect
Implementing Apple's Ripple Effect from iOS 18 in Your SwiftUI Project
Course
Animated Mesh Gradient
Learn how to bring stunning, dynamic mesh gradients to life in your SwiftUI apps
Course
Masking and Outlines
Creating Eye-Catching UI with Gradients, Masks, and Outlines in SwiftUI
Course
ChatGPT Work With and Mesh Gradient
Exploring Mesh Gradients in iOS 18 with AI and SwiftUI
Course
Customize UI from AI
Elevating AI-Generated UIs with SwiftUI: A Comprehensive Guide
Course
Cursor Workflow
VSCode extensions for SwiftUI, Cursor Composer, Commits and Xcode Errors
Course
Intro to Cursor with Claude AI and SwiftUI
Getting Started with Cursor: A Guide for Beginners
Course
Create your first iOS app with Claude AI
Starting with SwiftUI and Claude AI to generate code to paste in Xcode
Course
Intro to SwiftUI 6 and Xcode 16
Unlocking Development Skills Through Hands-On Practice
Course
Build SwiftUI apps for iOS 18 with Cursor and Xcode
Learn to develop iOS apps using SwiftUI 6, Xcode 16, Cursor and Claude AI
Course
Markdown, Streaming and Styling
Creating a Feature-Rich Chat App Using Markdown and Code Highlighting
Course
Extensions, Styling and Vercel
Improve your coding efficiency and tap into AI capabilities with these must-have tools for VS Code.
Course
Reading Code, Logs and Troubleshooting
Understanding and Navigating Code with AI Assistance
Course
Building a NextJS Chat App with OpenAI API
Learn how to integrate OpenAI keys, leverage Next.js, and create a smooth user experience
Course
Figma to Claude AI to React Project in Cursor
Learn how AI can help you create unique UI designs from Figma
Course
Building a Next.js Project with v0, ShadCN, and Cursor
Creating Customizable React Components
Course
React Project with Vite and Tailwind CSS
A step-by-step guide for modern web development with Cursor
Course
Getting Started with React: Next.js
We'll look at two common ways to start a React project: Next.js and Cursor
Course
v0 Chat and Shadcn UI
With just a few prompts, developers can create complex UI layouts, including dashboards with interactive charts and responsive designs
Course
Versions with GitHub and Auto-Publish
Web development with AI tools, Git for version control, GitHub for collaboration, and Netlify for seamless site deployment.
Course
Publish Your Site
Platforms like Vercel and Netlify offer easy and often free solutions for hosting your website
Course
39 courses From Meng
Build SwiftUI apps for iOS 18 with Cursor and Xcode
13 videos - 3 hours
Create your Dream Apps with Cursor and Claude AI
18 videos - 5 hours
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
121 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
121 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
