Design+Code logo

Quick links

No results found

Suggested search

instructor avatar

Meng To

icon

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.

icon

latest from Meng

Modal Presentation

Navigate to another screen using a built-in Modal view

Course

Advanced Matched Geometry Effect

Recreate the Music app transition using matched geometry effect and learn how to pass Namespace to another view

Tutorial

SF Symbols 3, Canvas Animation

Let’s explore all the exciting new features launching this year for SwiftUI, iOS 15 and Xcode 13

Livestream

How we built our website with React Hooks

Our full stack of frameworks, libraries and tools to build a fully custom site

Livestream

Text Animation with React and CSS

Learn how to use keyframes animation with Styled Components, how to loop animation and animate each letter individually

Livestream

My journey as a design founder

How I manage my team at designcode.io while building apps and creating content.

Livestream

Sketch VS Figma

Sketch just added collaboration and made a big move into subscription. Let’s see how it compares to Figma.

Livestream

Presenting your App

Different techniques and tools to present your designs for your website and covers for the App Store, YouTube, Instagram and Twitter

Livestream

Firebase Auth

How to install Firebase authentification to your Xcode project

Tutorial

Designing your first iOS app

A crash course on iOS app design for beginners using key resources from Apple and the design community.

Livestream

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

Livestream

How we built our iOS app

Learn about our process and tools for working in a team of designers and developers

Livestream

Design for iPad

How bigger screens affect your design

Tutorial

Lazy Grid and Matched Geometry Effect

SwiftUI Lazy Grid and Matched Geometry Effect

Livestream

Design and code for iOS, iPadOS, Big Sur

Design patterns and SwiftUI 2 techniques for iOS, iPadOS and Big Sur.

Livestream

UI Design new techniques

Team Collaboration, Components, Waves and List Design.

Livestream

Prototyping UI, Shapes and Animations in SwiftUI

Learn how to turn your user interface and shapes into SwiftUI code and animate the using states

Livestream

Code Onboarding UI and Animation

Build welcome screens with animation using a glassmorphic UI, masking, gradients, glow and blend modes

Livestream

Status Bar Size with GeometryReader

Using SafeAreaInsets, you can get the height of the status bar, tab bar dynamically

Tutorial

Hover Effects

How to design for iPadOS pointer using hoverEffect and onHover

Tutorial

Publish to Android and iOS

Shipping your project to the App Store

Course

Lottie Animation

How to add animated assets using Lottie in SwiftUI

Tutorial

Tab Selection from Child View

How to programmatically link to another tab from any child view in SwiftUI

Tutorial

Animation Repeat, Delay and Speed

How to loop and delay your animation using repeat, repeatForever, speed and delay

Tutorial

27 courses From Meng

React Livestreams

2 videos - 4 hours

Design Founder Livestreams

1 video - 2 hours

SwiftUI Advanced Handbook

30 videos - 3 hours

iOS Design Handbook

20 videos - 2 hours

SwiftUI Handbook

72 videos - 5 hours

Build a web app with React Hooks

20 videos - 4 hours

Figma Handbook

44 videos - 1 hour

UI Design Handbook

35 videos - 2 hours

SwiftUI for iOS 14

20 videos - 3 hours

SwiftUI Livestreams

13 videos - 17 hours

UI Design Livestreams

16 videos - 22 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

UI Interactions in Framer Playground

10 videos - 3 hours

React Native for Designers Part 2

12 videos - 3 hours

React Native for Designers

12 videos - 5 hours

Design and Code in Framer X

10 videos - 3 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

4 livestreams from Meng

SwiftUI Livestreams

13 videos - 17 hours

13 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

UI Design Livestreams

16 videos - 22 hours

16 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