Product Hunt logo dark
  • Launches
    Coming soon
    Upcoming launches to watch
    Launch archive
    Most-loved launches by the community
    Launch Guide
    Checklists and pro tips for launching
  • Products
  • News
    Newsletter
    The best of Product Hunt, every day
    Stories
    Tech news, interviews, and tips from makers
    Changelog
    New Product Hunt features and releases
  • Forums
    Forums
    Ask questions, find support, and connect
    Streaks
    The most active community members
    Events
    Meet others online and in-person
  • Advertise
Subscribe
Sign in
Subscribe
Sign in

Design+Code

We teach designers code & developers design.

138 followers

We teach designers code & developers design.

138 followers

Visit website
Design & Creative
•
Online learning
Learn how to build a modern site using React and the most efficient libraries to get your site/product online. Get familiar with components, Grid CSS, animations, interactions, dynamic data with Contentful and deploying your site with Netlify.
  • Overview
  • Launches25
  • Reviews
  • Alternatives
  • Team
  • Awards
  • More
Company Info
designcode.ioApp Store
Design+Code Info
Launched in 2014View 25 launches
Forum
p/design-code
Awards
Design+Code 3 was ranked #2 of the week for September 13th, 2018
Design+code was ranked #4 of the week for March 21st, 2014
Design+Code 2 was ranked #3 of the week for September 28th, 2017
Design System in Figma by Design+Code was ranked #4 of the week for September 6th, 2018
Design System in Figma by Design+Code was ranked #1 of the day for September 6th, 2018
Angle was ranked #3 of the day for February 25th, 2016
View all
  • Blog
  • •
  • Newsletter
  • •
  • Questions
  • •
  • Forums
  • •
  • Product Categories
  • •
  • Apps
  • •
  • About
  • •
  • FAQ
  • •
  • Terms
  • •
  • Privacy and Cookies
  • •
  • X.com
  • •
  • Facebook
  • •
  • Instagram
  • •
  • LinkedIn
  • •
  • YouTube
  • •
  • Advertise
© 2025 Product Hunt
SocialFacebookX

Similar Products

Framer
Framer
Design and ship your dream site with zero code
4.8(315 reviews)
Website buildersNo-code platforms
Craftwork Design
Craftwork Design
UI assets for creatives & busy designers
4.7(15 reviews)
WireframingDesign resources
Anima App
Anima App
Design to Code, Automated
4.5(20 reviews)
Code editorsFigma Plugins
Swift Bootstrap
Swift Bootstrap
Develop iOS apps faster
Mobile editing appsCode editors
Colorbox by Lyft
Colorbox by Lyft
Create accessible color systems 🎨
5.0(1 review)
Design & CreativeDesign inspiration websites
View more
Appwrite
Appwrite — The open-source Vercel alternative
The open-source Vercel alternative
Promoted

Design+Code Launches

Design+Code 4 Design and code web and mobile apps with React and Swift

Launched on October 15th, 2020

React Native for Designers 6-hour course to build an iOS and Android app

Launched on February 14th, 2019

Animate in Principle Prototyping course from Figma to Principle

Launched on November 22nd, 2018

View all Design+Code launches

Do you use Design+Code?

This is the 25th launch from Design+Code. View more

Design+Code 4

Design and code web and mobile apps with React and Swift
Say hello to Design+Code 4 with over 30 premium online courses for learning design and code with React and Swift. V4 has been completely redesigned with over 100 free tutorials, 120 hours of video, certificates, quick search and automatic light/dark mode.
Design+Code 4 gallery image
Design+Code 4 gallery image
Design+Code 4 gallery image
Design+Code 4 gallery image
Design+Code 4 gallery image
Design+Code 4 gallery image
Launch tags:
Design Tools•Productivity•User Experience
Launch Team
AksonvadyStephanie DiepDhairya

What do you think? …

Musharof Chowdhury
Musharof Chowdhury
Lineicons

Lineicons

Big fan of your signature design, congrats on the launch🎉 @mengto
Report
5yr ago
Meng To
Meng To
DesignCode UI

DesignCode UI

Maker
@musharofchy Thank you Musharof, that means a lot!
Report
5yr ago
Meng To
Meng To
DesignCode UI

DesignCode UI

Maker
Hi PH! After 6 years teaching design and code, I'm thrilled to introduce our biggest update yet. Design+Code 4 has been completely redesigned, rebuilt and now offers 100+ free tutorials, 30+ premium courses, livestreams and 120 hours of video content with full mobile support and automatic dark mode. I've never worked this extensively on a single project before, from design to development. Our entire team contributed designs, code and content. I also prepared a brand new React Hooks course that teaches you how we made this site from scratch. It has full of tips and techniques that I've learned over the past 20 years as a designer who codes. We have a PH Promo for you at 30% off for annual sub! https://designcode.io/pricing/?r... Meng
Report
5yr ago
Dusan Veljovic
Dusan Veljovic
This is amazing what you did. It opens up a whole new world with things that you can learn and develop. Pricing is very affordable and the quality of the website and tutorials are so neat! Keep up with a good work!
Report
5yr ago
Meng To
Meng To
DesignCode UI

DesignCode UI

Maker
@dulsika I'm glad you enjoyed our content. We will be adding a ton more tutorials soon! :D
Report
5yr ago

Design+Code is highly praised for its comprehensive approach to teaching modern web development. Users appreciate the detailed guidance on using React and efficient libraries, which has significantly enhanced their skills. A maker from Cricket Manager 25 credits Design+Code for their foundational knowledge, highlighting the platform's impact on their learning journey. Overall, the platform is valued for its practical, hands-on learning experience that effectively equips users with essential web development skills.

Summarized with AI
Reviews
Helpful

You might also like

Framer
Framer
Design and ship your dream site with zero code
Craftwork Design
Craftwork Design
UI assets for creatives & busy designers
Anima App
Anima App
Design to Code, Automated
Swift Bootstrap
Swift Bootstrap
Develop iOS apps faster
Colorbox by Lyft
Colorbox by Lyft
Create accessible color systems 🎨
Dunnnk
Dunnnk
Beautiful product mock-ups on demand
View more
Review Design+Code?Be the first to review Design+Code