Brand new site with 60 hours of video, 50GB of downloads, Progress feature, Dark Mode, Chinese support and live coding help from our team. Also, new Design System course!

50% discount for Product Hunt users!

Hello Product Hunt!

I've spent the last 2 and half months on this iOS app that would essentially be the book itself, and also be that app that you learn to design and code in Swift 4! My passion has always been to teach designers how to code and use Sketch. There's currently a discount for the pre-order!

Feel free to ask me anything!

Meng

The Design+Code iOS app lets you read and watch 44 hours of content about the techniques involved in making this app, using tools like Sketch, Framer and Xcode 9.

Complete guide to designing a site using a collaborative and powerful design system.

All of the components, layouts and typography are made according to Apple's Human Interface Guidelines. The naming convention of each component strictly follows Apple Developer Documentation so you can get familiar with it when you implement your designs in Xcode.

React is component-based, similar to how you use Components in Figma in order to reuse the elements in powerful ways. This in turn allows for better collaboration between teammates. With this course, you'll learn how to build and animate your site from scratch. A 6-hour course for designers, by designers.

Angle 2 is a massive Sketch Library with over 500 devices, entirely in vector and completely customizable. Also includes a free Sketch Plugin for applying perspective mockups.

A free 5-hour Framer X course for designers to learn how to design layouts, prototype complex animations and build production-ready React components.

Only for the next 48 hours, you can get 50% off Framer X if you have a Design+Code Pro account!