Alternatives

Products that do what Design+Code 4 does

Design and code web and mobile apps with React and Swift

1. 1
   Design+Code iOS 2.0▲111

   Learn SwiftUI, React & UI design, completely redesigned

   2021

2. 2
   Design and Code in Framer X▲320

   Learn to prototype and build components using React

   2018

3. 3
   Supernova V4▲283

   Turn Sketch into iOS, Android and React Native in minutes

   2018

4. 4
   React for Designers▲301

   Course for building a React site using components

   2018

5. 5
   CodeDesign▲246

   No-code platform to build, launch & export pages 91% faster

   2021

6. 6
   Render▲169

   React-inspired Swift library for writing UIKit UIs

   2016

7. 7
   Quarkly▲184

   Design tool to create sites & web apps on React

   2020

8. 8
   30 seconds of code▲339

   Short code snippets for all your development needs

   2020

9. 9
   Framer Guide to React▲265

   A guide to using React for designers

   2019

10. 10
    Deco IDE▲359

    Best IDE for building React Native apps

    2016

11. 11
    Foundation Building Blocks▲279

    Free library of coded UI components to jumpstart development

    2017

12. 12
    Expo Sketch▲248

    Prototype and deploy React Native code faster than ever

    2017

13. 13FR
    Fullstack React Native – A Project-Based Guide to Learning React Native▲122

    2017 · fullstackreact.com

14. 14
    Anima 4.0▲193

    Transform Sketch/Figma/XD to React code.

    2020

15. 15
    Design for Hackers Video Course▲123

    Learn visual design in 15 minutes a day

    2015

16. 16
    Design with Swift▲79

    Learn how to build UI and animations with Swift

    2014

17. 17
    Design+code▲177

    Learn iOS design and Xcode

    2014

18. 18
    Write CSS as Fast as You Can Sketch▲140

    Learn how to design in the browser (8-day email course)

    2015

19. 19
    Sizze▲188

    Convert design to app with ease

    2021

20. 20
    React Starter Kit from Glitch▲274

    Free video course w/ interactive code helps you learn React.

    2017

21. 21
    Design Courses Tab▲96

    Discover free design courses in your browser's new tab

    2019

22. 22
    Website Starter Kit from Glitch▲134

    Learn HTML, JS, CSS & Node.js w/ free videos & live code

    2018

23. 23
    Quick Code for Chrome▲168

    Get free online programming courses in new tab, everyday

    2018

24. 24A4
    Anima 4 (YC S18) – Turn design work into developer-friendly React code▲22

    Hi everyone! We’re Avishay, Or, and Michal, co-founders of Anima (www.animaapp.com). Anima converts design (Figma/Sketch/XD) into code automatically. Up until today, we only produced HTML/JS/CSS. With our latest release, we can now also generate developer-friendly React code. We’re here to replace image-based handoff, which involves a lot of grunt work for the engineers who have to translate all those images into code that does the same thing. For designers, the pain we solve is the ping-pong, and their vision getting lost in translation. The bottom line is that teams can…

    2020

Ranked by how close each launch is in meaning, then by votes. Refine with a description →