Watch Video

Learn to design & code for iOS 11

  • Watch

    44 hours

    of video lessons

  • Search

    100,000

    words and images

  • Download

    10GB

    of source files

An interactive book on how to design and code an iOS 11 app.

  • Free for 7 days
  • Access full content

$12/month or $144

Plus, get 20% off Sketch, 50% off Angle and 6 months free of InVision Pro.

Design, code this app.

  • What do I get?

    Get access to the full book and iOS app. Start learning iOS 11, Sketch 48 and Xcode 9. 1 year of free upgrades. Keep downloaded book and all its files forever.

  • Free Trial

    Access the full content of the book for free for 7 days.

  • Version 1 Included

    Get access to the iOS 10 and Swift 3 version of the book.

  • Support the project

    Thanks to your support, I’ll be able to write more content. ARKit, React, or Android? Request and if the project takes off, I’ll add them as free upgrades.

  • Fully refundable

    If you're not happy with the book, I'll be happy to refund you. No question asked.

What's in the book?

Chapter 1

Learn iOS 11 Design

  • Learn iOS 11 Design
  • Design for iPhone X
  • Design for iPad
  • Design for Apple TV
  • Design for Apple Watch
  • Learn Colors
  • Learn Typography
  • UI Icons
  • Animations
  • Design Principles
  • Design Inspiration
  • Shipping your Product
Chapter 2

Learn Sketch

  • Learn Sketch
  • Powerful Start in Sketch
  • Keyboard Shortcuts and Tricks
  • Design for iOS 11
  • Nested Symbols Workflow
  • Collaborate with Libraries
  • Version Control & Branches
  • Designing Icons
  • Working with Data
  • Adaptive Layouts
  • Advanced Techniques
  • Previewing and Sharing
  • Exporting Assets
  • Styleguides and Inspect
  • Design for iPad
  • Design for Web
  • Quick Prototyping
  • Prototyping Animations
Chapter 3

Learn Xcode 9

  • Build a Swift 4 App
  • Introduction to Xcode 9
  • Learn Storyboard
  • Prototyping in Xcode
  • Swift Playground
  • Design in Playground
  • Animate in Playground
  • Design in Storyboard
  • Auto Layout and Stack Views
  • Adapting for iPhone X
  • Connect Storyboard and Code
  • Storyboard in Playground
  • Parallax Animation using Scroll
  • Collection View
  • Static Data
  • 3D Animation
  • Container View
  • Passing Data via Segue
  • Status Bar
  • Dynamic Type
Chapter 4

Xcode 9 Part 2

  • Navigation Controller
  • Tab Bar Controller
  • Table View Controller
  • Web View Controller
  • Default Transitions
  • Custom Transitions
  • Gesture Interactions
  • Cocoapods
  • Progress Rings
  • Keyboard Interactions
  • Delegation
  • Implementing Dark Mode
  • Multiple Storyboards
  • Data Codable using JSON
  • Core Data
  • Realm
  • Network Images and HTML
  • Posting and Storing Data
  • Implementing Search
  • Beta Testing with Testflight
  • Publish to the App Store

Sample pages

28,000 people

are learning from Design+Code
  • Thanks to Design+Code, I improved my design skill and learned to do animations for my app Price Tag, a top news app in China.

    Founder of Price Tag
    Liu Yi
  • If you're comfortable with Framer, you can easily transfer your knowledge to Swift. You can animate pretty easily while building an app.

    Interaction Designer at Google
    Min-Sang Choi
  • Design+Code is a wake-up call. Why should I learn a web based technology or a deprecated tool when the obvious choice is to learn Xcode?

    Product Designer at Facebook
    Jean-Marc Denis
  • I am 12 years old, live in Britain and I just realized that all I want to do for the rest of my life is design amazing things.
    Won scolarship for WWDC 2015.

    Student
    Tom Fox
  • Meng To's book totally changed my design workflow. It even inspired me to start design workshops and YouTube tutorials.

    Designer/Co-founder at Carbon
    Pablo Stanley
  • As a developer, I really appreciated the chapters on Color Theory and Typography. It was just the right balance of theory combined with examples.

    Teaches iOS Programming
    Chris Ching
  • I began a Swift learning plan 5 days ago, this is part of what I did in five days. I learned a lot from Meng To's Design+Code.

    Designer and Coder
    MartinRGB
  • Thanks to Design + Code, I just released my first app on the store: Sky Graph. Its been a great learning experience as a designer learning to code.

    Senior Product Manager at TWG
    Wayne Sang
  • I found and bought Design+Code by Meng To which takes you through each step of the process from design to code to app store submission.

    UX Designer at Bankrate
    Kenny Chen
  • Watch and follow

    44 hours of videos

    Each section is accompanied with captioned, well-paced videos that will help you follow step by step.

  • Search and bookmark

    100,000 words

    Most online courses either only have texts or videos. Design+Code has both, all searchable and bookmarkable.

  • Download

    10GB of source files

    Over 36 Sketch files, 36 Xcode project files and templates to ensure that you start on the right foot.

  • Enjoy Anywhere

    iPhone, iPad, Desktop

    Experience the book from your iPhone, iPad and desktop. We got downloadable ePubs too.

  • Read, Browse

    Offline Experience

    Poor wifi? The app was designed for offline use so that you don't always rely on an internet connection.

  • Test your Knowledge

    Design+Code Exercises

    The questions are hard. Try as many times as you want, get timed and stats to see how you improve over time.

Ready to start?

Get the book and receive 20% off Sketch, plus 50% off Angle and 6 months free of InVision Pro.

Close

Thank you!

Your continued support means I get to write more content and offer them as free upgrades.

Tweet "Learn to design and code for iOS 11. A new book by @MengTo"Tweet

Try free for 7 days

12
per month, for 1 month
Read on the Web and the iOS app for iPhone and iPad.
Download the videos and the ePub files for offline viewing.
Get 20% off Sketch, 80% off Angle and 6 months InVision Pro.
9
per month, for 6 months
Read on the Web and the iOS app for iPhone and iPad.
Download the videos and the ePub files for offline viewing.
Get 20% off Sketch, 80% off Angle and 6 months InVision Pro.
6
per month, for 12 months
Read on the Web and the iOS app for iPhone and iPad.
Download the videos and the ePub files for offline viewing.
Get 20% off Sketch, 80% off Angle and 6 months InVision Pro.

Try free for 7 days

You are also agreeing to our Terms of Service and our Privacy Policy.
We don't currently have 7 days free trial for Paypal. It's a one time payment and your access will not renew automatically at the end of the period. You are also agreeing to our Terms of Service and our Privacy Policy.
We don't currently have 7 days free trial for Alipay. It's a one time payment and your access will not renew automatically at the end of the period. You are also agreeing to our Terms of Service and our Privacy Policy.