p/design-code
We teach designers code & developers design.
Sambruce Joseph

Design+Code 2 โ€” Design and code a Swift 4 app using Sketch 40+ and Xcode 9.

Featured
65
โ€ข

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

Replies
Best
Lisa Dziuba
An awesome learning resource for those, who want to start with iOS design & development. I think it's the most comprehensive and fresh learning resource on the web right now ๐ŸŒŸ Highly recommended!
Meng To
@lisadziuba The updates will be extremely fresh this time, with iPhone X, Swift 4, Xcode 9, and Sketch's new Libraries just around the corner. I intend to keep the materials updated, and possibly go beyond with ARKit and React. โ€“ Thanks Lisa!
Jorge Dieguez
Hello! This looks really good. My question though, is how much of a coding base do you need to have in order to really take advantage of this tool? My experience is zero to none, but I am looking into alternatives to learn coding. Thanks!
Meng To
@jorge_dieguez The book was designed for beginners. It starts very soft and works its way towards more advanced topics, but it's very gradual and visual. If you're the type of person who likes to dabble with CSS and HTML, you'll feel right at home. I personally believe that code is the most powerful design tool. If you can write an email, you can write instructions to a computer to do the work for you. It allows you to understand engineers better and truly appreciate the dynamic parts of of your designs. It's a highly valuable skill, even more so if you have a strong design foundation, because it enables you to design better and more efficiently.
G G
The facination and lusting over everthing apple continues. The world does not run one apple is it disappears. Do somethinf worthwhile for humanity instead of a rabid fan of iOS 11. Steve Jobs never waisted time being a fanboy or fangirl.
Meng To
@androidlove As mentioned in the video, I might do Android later. The knowledge of Swift to other languages is definitely transferrable. I was able to learn React very quickly because it had a lot of similarities to Swift. I'm sure Android won't be a problem with React Native or Java.
Alexander Singh
@androidlove Your criticism is totally misguided. Meng has invested countless hours to produce a substantial and practical educational resource. That is something to be celebrated and supported, irrespective of the platform.
Angie
This is just what I needed :) I Can't wait to try this. The website is offline at the moment but I'll make sure to have a look later.
Meng To
@angeliquesocial Is it offline? I just refreshed it and it works on my network...
Angie
@mengto Hi, it's working for me now.
James Frewin
This looks awesome! I went to one of Meng's events a few years ago in London and learnt a lot from it, will be using this for sure!
Meng To
@jamesfrewin1 The workshops in London were absolutely memorable. There's where I met our youngest student Tom Fox, who then won a WWDC 15 scholarship after taking the course. I will treasure that forever.
Tim Raiter

I love the concept "designcode"

Pros:

The first book was the best tutorial ever:)

Cons:

Don't know

Ankur Kumar
Design+Code has been very instrumental in my progress as a designer. Programming, at it's very core, is just layers of logical abstractions building up to bigger concepts. A good design is something which brings good code to life. Design+Code gives you a gist of how to go about it. It opens lots of doors. I have been looking forward to V2 for quite sometime now. Best $ I invested ever and I can't wait to dig in. Big thanks and more power to Meng To!
Meng To
@dopetard This is such a fantastic feedback, would you allow me to use it for the testimonials?
Ivanisawesome
I recall seeing the first version of this a while back and really being interested. Now, I've decided to commit and dive in to learn with Design+Code 2. Really looking forward to it!
Meng To
@ivanisawesome Glad you made the plunge. Will work hard not to disappoint!
Charles Kerr
How did you build such a beautiful looking website? Been keen on starting an iOS development course for a while and this looks superb! Gonna jump on a pre-order.
Peter Witham
I have already ordered, Design + Code continues to be an outstanding resource for both developers and designers.
Toma Cotuna
Can't wait to get this product, tho a bit short on money right now #studentlife When is the preorder period ending?
Dezideriu Sorin Raita

Hey Dude ! How are you ? Thanks for you nice jobs as i told you in Twitter i brought you Design Code and i can't tell you how that good is, well done Bro look forward for all complete Cours iOSS 11

Pros:

Firstly it comes from a real Master

Cons:

There is not Cons at all out there

Vipul Satya
Have a few friends who've sung praises for the earlier version. Just bought it. Thank you for making this!
Serdar Aylanc
First Design+Code v1 was and is great! I will definitely get the new one. Highly recommended for designers who want dive into code and beginners want to create an iOS app.
Meng To
@serdaraylanc I'm super thankful to my early readers, as I would never have kept writing this book 3 years later. Feels like a dream. So thank you!
Alex Di Battista
A beautiful looking site makes it an easy purchase. If only the early access was a few days earlier for my long flight.
Dun
Just bought. Wait, it seems what I got is v1...
Meng To
@huangdun While V2 gets completed, you'll get both early access and can read V1 in the meantime. -- Thank you for the support!
Mihir Patel
@huangdun @mengto what do you mean meantime? Does V1 disappear as V2 gets launched?
Meng To
@huangdun @mihirchronicles no, v1 will remain at v1.designcode.io. Itโ€™s going to be kept.
Rodrigo Hillion
bought it!
Meng To
@rohillion Very much appreciated! :D
Guus Hoeve
@rohillion @mengto bought it as well, or pre-ordered, as this might be a lifesaver for me having a competitive edge as a UX-designer. I'm "old" for a newby in the tech scene. I'm in love with Sketch for years, getting my feet wet with front-end stuff right now, but not enough to land a job. Also Meng, did you have a look into Vue.js? I was looking into Vue.js because they are partnering up with Weex (Ionic for Vue.js) which in turn is heavily backed by Alibaba, and Evan is personally overlooking the implementation of Vue.js 2 in Weex. React and Vue have similar ways of working, but Vue is aimed more towards developers while making onboarding easy for newcomers. What you then basically have is a course with the latest Sketch techniques, the latest iOS technologies, plus using the latest javascript framework that uses native technologies on iOS, Android and the web :)
Meng To
@guus_hoeve I've looked into Vue, but not tested it as thoroughly as React. Vue feels closer to Angular while React feels more like Swift, which I like, even though I spent more time developing for Web in my career. Also, I get way more requests for React than Vue. But I see merits in both.
Guus Hoeve
@mengto Sounds great anyway! I'm sure people will like this course and heared much great things already. Will you also be covering SVG implementation and animation for iOS development? I've seen Spring but would like to create more technical art right out of Sketch, and animate the SVG-code straight away. Last but not least; also like to learn something together. Will you be hosting a dedicated Slack channel or Dribble hashtag so people can view each other's work and learn together?
Meng To
@guus_hoeve Great feedback. I will cover briefly some prototyping tools that allows animations before diving into Swift. It won't be specific to SVG though, since that's more Web or Android related. Yep, that's the plan. I want to use Spectrum for sharing works, getting feedback, etc. Feel free to start topics there to gather the community around that idea. :)
Fabio  Araujo
@mengto great product man, one question what do u use for the video?
Meng To
@faraujoj I use Screenflow for the video. It's the best app out there for screen casting and even a bit of video editing.
Stefan Wirth
Great for beginners or people that live in the backend like me and want to get into iOS design :p
Meng To
@nafetswirth The book is definitely geared towards designers and beginners who have little to no coding experience. There's a strong focus on layout and animation. Every step is very visual, followed by both images and videos. I'm a designer myself, so I try to reminisce the way I learned when I first started and build the course around that experience.
Vandan Patel

Just pre-ordered! I was just wondering if there are any videos available at the moment, because I wasn't able to see any video at the first glance. Thanks!

Pros:

Promises material for all devices and all orientations

Cons:

Not at the moment.

Meng To
Hi Vandan, the videos will come a little later. I just want to make sure that the written content is solid before finalizing the videos since they tend to require more work to update.