Design+Code logo

Quick links

Suggested search

What's new

Updates

Stay up-to-date with new courses, tutorials and livestreams.

December 17, 2024

illustration

course

AI Design with Ideogram

Meet Ideogram, an AI-powered image generation tool that takes your ideas and transforms them into stunning visuals. Whether you're a designer, marketer, or just a visual enthusiast, Ideogram simplifies the creative process. In this guide, we’ll walk you through step-by-step instructions to create beautiful logos, social media posts, and more.

what you'll learn

5 sections - 1 hour of video

It was written for designers and developers who are passionate about collaborating and building real apps.

Taught by Akson Phomhome

December 10, 2024

illustration

course

Design and Code User Interfaces with Galileo and Claude AI

In this course, you’ll learn how to use AI tools to make UI/UX design faster and more efficient. We’ll start with Galileo AI to create basic designs, providing a solid foundation for your ideas. Next, we’ll refine these designs in Figma to match your personal style, and finally, we’ll use Claude AI to turn them into working code—eliminating the need for traditional prototyping.

what you'll learn

27 sections - 4 hours of video

It was written for designers and developers who are passionate about collaborating and building real apps.

Taught by Sourasith Phomhome

November 25, 2024

illustration

course

Build SwiftUI apps for iOS 18 with Cursor and Xcode

In this course, we'll explore the exciting new features of SwiftUI 6 and Xcode 16 for building iOS 18 apps. From mesh gradients and text animations to ripple effects, you'll learn how to create polished, highly custom apps using the latest workflows. We'll also dive into using Cursor and Claude AI for AI-driven coding, helping you start strong and customize your apps.

what you'll learn

17 sections - 5 hours of video

It was written for designers and developers who are passionate about collaborating and building real apps.

Taught by Meng To

September 17, 2024

illustration

course

Build a React Native app with Claude AI

This comprehensive course explores the integration of cutting-edge AI tools into the React Native development workflow, revolutionizing the approach to mobile application creation. Participants will learn to leverage AI-powered platforms such as Claude and Locofy to expedite coding processes, enhance problem-solving capabilities, and optimize productivity.

what you'll learn

46 sections - 10 hours of video

It was written for designers and developers who are passionate about collaborating and building real apps.

Taught by Sourasith Phomhome

September 10, 2024

illustration

course

Build a SwiftUI app with Claude AI

This comprehensive SwiftUI course combines cutting-edge AI assistance with hands-on development, guiding you through the process of transforming Figma designs into fully functional iOS applications. Leveraging Claude 3.5 Sonnet, you'll learn to efficiently generate and refine SwiftUI code, create reusable components, and implement advanced features like animations and responsive layouts.

what you'll learn

29 sections - 7 hours of video

It was written for designers and developers who are passionate about collaborating and building real apps.

Taught by Akson Phomhome

September 10, 2024

illustration

course

Create your Dream Apps with Cursor and Claude AI

Learn to build your dream web apps from the ground up using Cursor, Claude AI, and a suite of powerful AI tools. This course covers everything you need, including React for frontend development, Firebase for backend integration, and Stripe for handling payments. You’ll also dive into advanced AI tools like Claude Artifacts, Galileo AI, v0.dev for UI, Ideogram for design generation, and Cursor Composer for full-scale development.

what you'll learn

18 sections - 5 hours of video

It was written for designers and developers who are passionate about collaborating and building real apps.

Taught by Meng To

August 20, 2024

illustration

course

Design and Prototype for iOS 18

Design and Prototype for iOS 18 is an immersive course that equips you with the skills to create stunning, user-friendly mobile applications. From mastering Figma to understanding iOS 18's latest design principles, you'll learn to craft two real-world apps - a Car Control interface and an AI assistant.

what you'll learn

21 sections - 3 hours of video

It was written for designers and developers who are passionate about collaborating and building real apps.

Taught by Sourasith Phomhome

June 24, 2024

3 new updates

Website improvements

New tutorials and assets!

Figma Handbook

Added videos to sections #54 to #102

SwiftUI Handbook

Added sections #96 to #119

Downloads Files

Added 100+ new wallpapers, Figma designs and Xcode projects

June 22, 2024

illustration

course

Prototype and Code iOS apps in Figma and SwiftUI

Welcome to our course on designing a sleek wallet interface with Figma! You’ll learn to create a visually appealing and functional wallet interface using DesignCode and Apple UI Kits. Master prototyping, swipe gestures, carousel animations, overlays, and reusable components. Plus, explore a Figma plugin to easily transition from design to SwiftUI. By the end, you’ll create dynamic, user-friendly prototypes.

what you'll learn

20 sections - 3 hours of video

It was written for designers and developers who are passionate about collaborating and building real apps.

Taught by Akson Phomhome

June 3, 2024

illustration

course

Build a React Site from Figma to Codux

In this course, you'll learn to build a website from scratch using Codux, starting with a Figma template. You’ll master responsive design, collaborate with developers on a real React project, export CSS from Figma using Locofy, set up breakpoints with media queries, add CSS animations, improve SEO, create multiple pages with React Router, and publish your site. By following best practices, you’ll bridge design and development, improve your web design skills.

what you'll learn

14 sections - 2 hours of video

It was written for designers and developers who are passionate about collaborating and building real apps.

Taught by Meng To

June 2, 2024

illustration

course

Master Responsive Layouts in Figma

Creating responsive layouts is a must-have skill for any UI/UX designer. With so many different devices and screen sizes, designing interfaces that look great and work well on all platforms is necessary. Mastering this skill will make you stand out in the field. In this course, we'll start from scratch to create this beautiful design using Figma. You'll learn how to make layouts that are easy to use and work well on any device. We'll cover key concepts and tools to help you master responsive design in Figma.

what you'll learn

15 sections - 2 hours of video

It was written for designers and developers who are passionate about collaborating and building real apps.

Taught by Sourasith Phomhome

April 18, 2024

illustration

course

UI UX Design with Mobbin and Figma

Mobbin is a powerful tool for UI/UX designers seeking inspiration and innovative design solutions. This platform offers a vast collection of real-world mobile app designs, providing a treasure trove of UI elements and layouts.

what you'll learn

11 sections - 2 hours of video

It was written for designers and developers who are passionate about collaborating and building real apps.

Taught by Sourasith Phomhome

April 9, 2024

illustration

course

Build an Interactive Site with Wix Studio

Discover Wix Studio: the no-code platform ideal for agencies and enterprises. This beginner-friendly video course guides you through web design basics, using intuitive tools for building responsive, professional websites. Learn to create animations easily—no coding required. Gain the skills to craft your own standout sites confidently.

what you'll learn

5 sections - 1 hour of video

It was written for designers and developers who are passionate about collaborating and building real apps.

Taught by Sourany Phomhome

March 28, 2024

illustration

course

Create 3D UI for iOS and visionOS in Spline

Comprehensive 3D Design Course: From Basics to Advanced Techniques for iOS and visionOS using SwiftUI

what you'll learn

12 sections - 3 hours of video

It was written for designers and developers who are passionate about collaborating and building real apps.

Taught by Akson Phomhome

March 12, 2024

illustration

course

Master No-Code Web Design with Framer

In this free Framer course, you'll learn to create modern, user-friendly interfaces. Start with dark mode and glass designs, then move from Figma to Framer, using vectors and auto layout for responsive websites. Add animations, interactive buttons, and custom components with code. Finally, you'll craft a design system suitable for teamwork or solo projects, all in a straightforward and practical approach.

what you'll learn

20 sections - 4 hours of video

It was written for designers and developers who are passionate about collaborating and building real apps.

Taught by Meng To

November 28, 2023

illustration

course

3D UI Interactive Web Design with Spline

Learn to create 3D designs and UI interactions such as 3D icons, UI animations, components, variables, screen resize, scrolling interactions, as well as exporting, optimizing, and publishing your 3D assets on websites

what you'll learn

14 sections - 3 hours of video

It was written for designers and developers who are passionate about collaborating and building real apps.

Taught by Akson Phomhome

September 13, 2023

illustration

course

Build SwiftUI Apps for iOS 17

In this course, we’ll be exploring the fresh and exciting features of SwiftUI 5! As we craft a variety of iOS apps from the ground up, we'll delve deep into the treasure trove that is SwiftUI's user interface, interactions, and animations.

what you'll learn

16 sections - 4 hours of video

It was written for designers and developers who are passionate about collaborating and building real apps.

Taught by Meng To

July 28, 2023

illustration

course

Design and Prototype for iOS 17 in Figma

Crafting engaging experiences for iOS 17 and visionOS using the Figma design tool. Learn about Figma's new prototyping features, Dev Mode, variables and auto layout.

what you'll learn

21 sections - 6 hours of video

It was written for designers and developers who are passionate about collaborating and building real apps.

Taught by Akson Phomhome

April 25, 2023

illustration

course

Design and Prototype Apps with Midjourney

A comprehensive course on transforming Midjourney concepts into interactive prototypes using essential design techniques and AI tools

what you'll learn

33 sections - 8 hours of video

It was written for designers and developers who are passionate about collaborating and building real apps.

Taught by Akson Phomhome

April 15, 2023

illustration

course

Build Beautiful Apps with GPT-4 and Midjourney

Design and develop apps using GPT-4 and Midjourney with prompts for SwiftUI, React, CSS, app concepts, icons, and copywriting

what you'll learn

15 sections - 4 hours of video

It was written for designers and developers who are passionate about collaborating and building real apps.

Taught by Meng To

March 22, 2023

illustration

course

iOS Design with Midjourney and Figma

Learn the fundamentals of App UI design and master the art of creating beautiful and intuitive user interfaces for mobile applications

what you'll learn

9 sections - 1 hour of video

It was written for designers and developers who are passionate about collaborating and building real apps.

Taught by Sourasith Phomhome

March 17, 2023

illustration

course

Web App Design using Midjourney and Figma

Get UI inspirations from Midjourney and learn UI design, colors, typography as a beginner in Figma

what you'll learn

12 sections - 2 hours of video

It was written for designers and developers who are passionate about collaborating and building real apps.

Taught by Akson Phomhome

March 9, 2023

illustration

course

Learn Figma Prototyping

Master interaction design with Figma Prototyping. Create an animated app experience using after delay, scrolling content, video prototype

what you'll learn

10 sections - 1 hour of video

It was written for designers and developers who are passionate about collaborating and building real apps.

Taught by Sourany Phomhome

February 16, 2023

illustration

course

UI Design for iOS, Android and Web in Sketch

Create a UI design from scratch using Smart Layout, Components, Prototyping in Sketch app

what you'll learn

9 sections - 1 hour of video

It was written for designers and developers who are passionate about collaborating and building real apps.

Taught by Sourasith Phomhome

January 31, 2023

illustration

course

Build SwiftUI apps for iOS 16

Create animated and interactive apps using new iOS 16 techniques using SwiftUI 4 and Xcode 14

what you'll learn

35 sections - 5 hours of video

It was written for designers and developers who are passionate about collaborating and building real apps.

Taught by Meng To

December 2, 2022

4 new updates

Website improvements

New tutorials and assets!

Figma Handbook

Added sections #54 to #99

SwiftUI Handbook

Added sections #83 to #95

Download Files

New wallpapers and Xcode projects in Downloads

Safari Bug

Fixed styling issues for Safari 16

December 2, 2022

illustration

course

Design and Prototype an App with Play

Build a completely functional prototype without writing a single line of code from your phone

what you'll learn

10 sections - 3 hours of video

It was written for designers and developers who are passionate about collaborating and building real apps.

Taught by Willie Yam

October 26, 2022

illustration

course

UI Design a Camera App in Figma

Design a dark, vibrant and curvy app design from scratch in Figma. Design glass icons, lens strokes and realistic buttons.

what you'll learn

5 sections - 1 hour of video

It was written for designers and developers who are passionate about collaborating and building real apps.

Taught by Sourasith Phomhome

October 13, 2022

illustration

course

Create a 3D site with game controls in Spline

Build an interactive 3D scene implemented on a ReactJS site using Figma and Spline

what you'll learn

10 sections - 2 hours of video

It was written for designers and developers who are passionate about collaborating and building real apps.

Taught by Willie Yam

September 7, 2022

illustration

course

Build a Movie Booking App in SwiftUI

Learn how to create an iOS app based on a beautiful UI design from Figma with interesting animations and interactions, create a custom tab bar and use navigation views to build a whole flow

what you'll learn

12 sections - 1 hour of video

It was written for designers and developers who are passionate about collaborating and building real apps.

Taught by Willie Yam

August 31, 2022

illustration

course

UI Design for iOS 16 in Sketch

A complete guide to designing for iOS 16 with videos, examples and design files

what you'll learn

12 sections - 3 hours of video

It was written for designers and developers who are passionate about collaborating and building real apps.

Taught by Akson Phomhome

August 30, 2022

illustration

course

Build a 3D Site Without Code with Framer

Design and publish a responsive site with 3D animation without writing a single line of code

what you'll learn

10 sections - 3 hours of video

It was written for designers and developers who are passionate about collaborating and building real apps.

Taught by Meng To

June 30, 2022

illustration

course

Prototyping in Figma

Learn the basics of prototyping in Figma by creating interactive flows from custom designs

what you'll learn

3 sections - 1 hour of video

It was written for designers and developers who are passionate about collaborating and building real apps.

Taught by Sourasith Phomhome

June 27, 2022

illustration

course

Create 3D Site with Spline and React

Design and code a landing page with an interactive 3D asset using Spline and CodeSandbox

what you'll learn

9 sections - 1 hour of video

It was written for designers and developers who are passionate about collaborating and building real apps.

Taught by Meng To

May 26, 2022

illustration

course

Build an Animated App with Rive and SwiftUI

Design and code an iOS app with Rive animated assets, icon animations, custom layouts and interactions

what you'll learn

15 sections - 3 hours of video

It was written for designers and developers who are passionate about collaborating and building real apps.

Taught by Meng To

May 6, 2022

illustration

course

Jetpack Compose for Designers

Learn the fundamentals of Jetpack Compose to build a beautiful Android application using Kotlin and Android Studio

what you'll learn

20 sections - 4 hours of video

It was written for designers and developers who are passionate about collaborating and building real apps.

Taught by Sai Kambampati

May 6, 2022

illustration

course

UI and Animations in SwiftUI

Level up your UI and animation skills by implementing various applications from custom designs in SwiftUI

what you'll learn

19 sections - 4 hours of video

It was written for designers and developers who are passionate about collaborating and building real apps.

Taught by Dara To

April 11, 2022

illustration

course

UI Design Quick Websites in Figma

Learn how to design a portfolio web UI from scratch in Figma

what you'll learn

3 sections - 1 hour of video

It was written for designers and developers who are passionate about collaborating and building real apps.

Taught by Sourasith Phomhome

March 31, 2022

illustration

course

UI Design Android Apps in Figma

Design Android application UIs from scratch using various tricks and techniques in Figma

what you'll learn

9 sections - 2 hours of video

It was written for designers and developers who are passionate about collaborating and building real apps.

Taught by Sourasith Phomhome

March 30, 2022

illustration

course

UI Design Smart Home App in Figma

Design a Smart Home app from scratch using various tricks and techniques in Figma

what you'll learn

7 sections - 2 hours of video

It was written for designers and developers who are passionate about collaborating and building real apps.

Taught by Akson Phomhome

March 28, 2022

illustration

course

Build an Expense Tracker App in SwiftUI

Design and code a SwiftUI 3 app in Xcode 13 with data modeling, data networking, Combine, MVVM and libraries for custom icons and charts.

what you'll learn

10 sections - 3 hours of video

It was written for designers and developers who are passionate about collaborating and building real apps.

Taught by Dara To

March 1, 2022

illustration

course

Build a SwiftUI app for iOS 15 Part 3

Design and code a SwiftUI 3 app with custom layouts, animations and gestures using Xcode 13, SF Symbols 3, Canvas, Concurrency, Searchable and a whole lot more

what you'll learn

21 sections - 4 hours of video

It was written for designers and developers who are passionate about collaborating and building real apps.

Taught by Meng To

February 28, 2022

illustration

course

UI Design Quick Apps in Figma

Design application UIs from scratch using various tricks and techniques in Figma

what you'll learn

50 sections - 12 hours of video

It was written for designers and developers who are passionate about collaborating and building real apps.

Taught by Sourasith Phomhome

February 14, 2022

illustration

course

UIKit for iOS 15 Part 2

Learn advanced techniques about animations, layout, localization, Firebase, Xcode Cloud, and more!

what you'll learn

20 sections - 3 hours of video

It was written for designers and developers who are passionate about collaborating and building real apps.

Taught by Sai Kambampati

January 20, 2022

4 new updates

Website improvements

Here are our latest content!

Build a SwiftUI app for iOS 15 Part 2

Complete course, sections #22 to #40

Build Quick Apps with SwiftUI

Added sections #17 to #42

Figma Handbook

Added sections #45 to #53

CSS Handbook

Added section #6

December 25, 2021

illustration

course

Build Quick Apps with SwiftUI

Apply your Swift and SwiftUI knowledge by building real, quick and various applications from scratch

what you'll learn

47 sections - 11 hours of video

It was written for designers and developers who are passionate about collaborating and building real apps.

Taught by Stephanie Diep

December 6, 2021

illustration

handbook

Advanced React Hooks Handbook

An extensive series of tutorials covering advanced topics related to React hooks, with a main focus on backend and logic to take your React skills to the next level

what you'll learn

15 sections - 3 hours of video

It was written for designers and developers who are passionate about collaborating and building real apps.

Taught by Stephanie Diep

December 3, 2021

2 new updates

Website improvements

Here are our latest tutorials!

React Handbook

Added sections #41 to #50

SwiftUI Handbook

Added section #80

November 30, 2021

illustration

course

UIKit for iOS 15

Design and code a UIKit app for iOS 15 with storyboards, custom layouts, scroll detection, and accessibility using Xcode 13

what you'll learn

20 sections - 5 hours of video

It was written for designers and developers who are passionate about collaborating and building real apps.

Taught by Sai Kambampati

November 30, 2021

illustration

course

Build a SwiftUI app for iOS 15 Part 2

Design and code a SwiftUI 3 app with custom layouts, animations and gestures using Xcode 13, SF Symbols 3, Canvas, Concurrency, Searchable and a whole lot more

what you'll learn

19 sections - 3 hours of video

It was written for designers and developers who are passionate about collaborating and building real apps.

Taught by Meng To

November 29, 2021

illustration

handbook

CSS Handbook

A comprehensive series of tutorials that encompass styled-components, CSS, and all layout and UI developments

what you'll learn

6 sections - 1 hour of video

It was written for designers and developers who are passionate about collaborating and building real apps.

Taught by Willie Yam

November 5, 2021

1 new updates

Website improvements

New account feature!

Account feature

Allow subscription management via Stripe customer portal

October 29, 2021

illustration

course

Build a SwiftUI app for iOS 15

Design and code a SwiftUI 3 app with custom layouts, animations and gestures using Xcode 13, SF Symbols 3, Canvas, Concurrency, Searchable and a whole lot more

what you'll learn

21 sections - 4 hours of video

It was written for designers and developers who are passionate about collaborating and building real apps.

Taught by Meng To

July 26, 2021

4 new updates

Website improvements

Account feature and fixes !

Account Feature

Allow delete account

Certificate bug

Fix certificates not showing on profile page

Download files

Fix Dropbox download links

Favorite bug

Fix bug where user wasn't able to favorite if they never favorited before

July 19, 2021

illustration

course

Advanced React Hooks

Learn how to build a website with Typescript, Hooks, Contentful and Gatsby Cloud

what you'll learn

20 sections - 5 hours of video

It was written for designers and developers who are passionate about collaborating and building real apps.

Taught by Willie Yam

July 12, 2021

illustration

course

SwiftUI Concurrency

Concurrency, swipe actions, search feature, AttributedStrings and accessibility were concepts discussed at WWDC21. This course explores all these topics, in addition to data hosting in Contentful and data fetching using Apollo GraphQL

what you'll learn

20 sections - 3 hours of video

It was written for designers and developers who are passionate about collaborating and building real apps.

Taught by Stephanie Diep

June 28, 2021

2 new updates

Website improvements

Performance and fixes !

License

Fix redeem license issue

Performance

Add lite mode to Safari

June 7, 2021

illustration

course

SwiftUI Combine and Data

Learn about Combine, the MVVM architecture, data, notifications and performance hands-on by creating a beautiful SwiftUI application

what you'll learn

18 sections - 3 hours of video

It was written for designers and developers who are passionate about collaborating and building real apps.

Taught by Stephanie Diep

May 12, 2021

illustration

course

Advanced Development in SwiftUI

Advance your SwiftUI skills by developing an app using Core Data, CloudKit, In App Purchases, Sign In With Apple, and Firebase Authentication

what you'll learn

20 sections - 4 hours of video

It was written for designers and developers who are passionate about collaborating and building real apps.

Taught by Sai Kambampati

May 5, 2021

illustration

handbook

SwiftUI Advanced Handbook

An extensive series of tutorials covering advanced topics related to SwiftUI, with a main focus on backend and logic to take your SwiftUI skills to the next level

what you'll learn

39 sections - 4 hours of video

It was written for designers and developers who are passionate about collaborating and building real apps.

Taught by Meng To

March 24, 2021

illustration

handbook

React Hooks Handbook

An exhaustive catalog of React tutorials covering hooks, styling and some more advanced topics

what you'll learn

50 sections - 5 hours of video

It was written for designers and developers who are passionate about collaborating and building real apps.

Taught by Stephanie Diep

March 11, 2021

illustration

course

Flutter for Designers Part 2

Continuing on from the previous Flutter for Designers course, this course has a heavier emphasis on using Firebase API's to combine Firebase and Flutter. There will be a lesser emphasis on creating front-end Flutter UI and more emphasis on how to build functional applications capable of being shipped to the App Store. A review of the previous course and the Dart programming language will be very helpful. That being said, you will also be introduced to some new Flutter widgets and packages.

what you'll learn

20 sections - 4 hours of video

It was written for designers and developers who are passionate about collaborating and building real apps.

Taught by Sai Kambampati

February 24, 2021

illustration

handbook

iOS Design Handbook

A complete guide to designing for iOS 14 with videos, examples and design files

what you'll learn

20 sections - 2 hours of video

It was written for designers and developers who are passionate about collaborating and building real apps.

Taught by Surya Anand

February 10, 2021

illustration

handbook

SwiftUI Handbook

A comprehensive series of tutorials covering Xcode, SwiftUI and all the layout and development techniques

what you'll learn

121 sections - 7 hours of video

It was written for designers and developers who are passionate about collaborating and building real apps.

Taught by Meng To

December 23, 2020

illustration

handbook

UX Design Handbook

Learn about design thinking, with exercises. Free tutorials for learning user experience design.

what you'll learn

20 sections - 2 hours of video

It was written for designers and developers who are passionate about collaborating and building real apps.

Taught by Mica Andreea

December 15, 2020

3 new updates

Website improvements

New feature and content !

New feature: Team

Manage team users, add or remove seats, course's progress.

New videos

Complete videos for Figma and UI design handbooks.

5 new tutorials

Added 5 new sections for the UI Design handbook.

November 18, 2020

illustration

course

Build a web app with React Hooks

Learn how we built the new Design+Code site with React Hooks using Gatsby, Netlify, and advanced CSS techniques with Styled Components.

what you'll learn

20 sections - 4 hours of video

It was written for designers and developers who are passionate about collaborating and building real apps.

Taught by Meng To

November 13, 2020

4 new updates

Website improvements

Post launch fixes !

Bundle size

Reduced bundle size for faster loading.

Lite mode

Lite Mode for Chrome for performance.

Loading

Lazy Load on components and images.

Improved navigation

Improved navigation with More menu.

October 12, 2020

illustration

handbook

UI Design Handbook

A comprehensive guide to the best tips and tricks for UI design. Free tutorials for learning user interface design.

what you'll learn

35 sections - 2 hours of video

It was written for designers and developers who are passionate about collaborating and building real apps.

Taught by Meng To

October 12, 2020

illustration

handbook

Figma Handbook

A comprehensive guide to the best tips and tricks in Figma

what you'll learn

102 sections - 6 hours of video

It was written for designers and developers who are passionate about collaborating and building real apps.

Taught by Meng To

September 30, 2020

4 new updates

Website improvements

After 2 years, we've launched our biggest update yet with 100+ new tutorials, certificates and a new React course!

New feature : Tutorials

100+ new tutorials in 3 handbooks for Figma, SwiftUI and UI Design.

New feature : Certificates

Receive a certificate after completing a course and passing a test.

Light/Dark mode

Implemented an automatic light/dark mode

Quick Search

You can now quickly search courses, sections and tutorials.

August 30, 2020

4 new updates

Website improvements

Released the new Flutter course with 23 sections and added new features to the Design+Code 4 website.

New page: Updates

Find all the latest site updates and new courses in one place.

New feature : Notify Me

Receive a notification when a new course is released.

New feature : Profile

Create your unique profile and view your certificates.

Better Performance

We've implemented lightweight vectors and lazy loading for best performance.

August 18, 2020

illustration

course

Flutter for Designers

Flutter is a relatively new toolkit that makes it easy to build cross-platform apps that look gorgeous and is easy to use. By utilizing a platform's native components we'll build an app that can run on both iOS and Android that will look and feel like it was developed natively. Furthermore we'll see how with one single codebase, Flutter provides us with native performance, hot reload for fast development, and access to beautiful, native components.

what you'll learn

23 sections - 4 hours of video

It was written for designers and developers who are passionate about collaborating and building real apps.

Taught by Sai Kambampati

July 30, 2020

4 new updates

Website improvements

Released the new SwiftUI iOS 14 course with 20 sections and implementation of the completely new Design+Code 4 website.

Design and UI

All-new design with better navigation, automatic Dark Mode and more content!

Search page

Powerful search tool that filters courses and sections with keywords.

Mobile support

Our site has never looked better on mobile!

Login process

Removed Magic Link and implemented Sign In with Password for a better experience across platforms.

July 28, 2020

illustration

course

SwiftUI for iOS 14

Build a multi-platform app from scratch using the new techniques in iOS 14. We'll use the Sidebar and Lazy Grids to make the layout adaptive for iOS, iPadOS, macOS Big Sur and we'll learn the new Matched Geometry Effect to create beautiful transitions between screens without the complexity. This course is beginner-friendly and is taught step-by-step in a video format.

what you'll learn

20 sections - 3 hours of video

It was written for designers and developers who are passionate about collaborating and building real apps.

Taught by Meng To

June 16, 2020

illustration

course

UI Design for Developers

In this course we'll learn how to use design systems, set up break points, typography, spacing, navigation, size rules for adapting to the iPad, mobile and web versions, and different techniques that translate well from design to code.

what you'll learn

22 sections - 3 hours of video

It was written for designers and developers who are passionate about collaborating and building real apps.

Taught by Meng To

May 15, 2020

illustration

course

Create a Promo Video in After Effects

In this course we will show you how to create a promo video using After Effects.

what you'll learn

12 sections - 2 hours of video

It was written for designers and developers who are passionate about collaborating and building real apps.

Taught by Daniel Nisttahuz

March 27, 2020

illustration

course

Build an app with SwiftUI Part 3

This course was written for designers and developers who are passionate about design and about building real apps for iOS, iPadOS, macOS, tvOS and watchOS. SwiftUI works across all of those platforms. While the code is not a one-size-fits-all, the controls and techniques involved can apply to all platforms. It is beginner-friendly, but it is also packed with design tricks and cool workflows about building the best UIs and interactions.

what you'll learn

20 sections - 4 hours of video

It was written for designers and developers who are passionate about collaborating and building real apps.

Taught by Meng To

January 7, 2020

illustration

course

Build an app with SwiftUI Part 2

This course was written for designers and developers who are passionate about design and about building real apps for iOS, iPadOS, macOS, tvOS and watchOS. SwiftUI works across all of those platforms. While the code is not a one-size-fits-all, the controls and techniques involved can apply to all platforms. It is beginner-friendly, but it is also packed with design tricks and cool workflows about building the best UIs and interactions.

what you'll learn

20 sections - 4 hours of video

It was written for designers and developers who are passionate about collaborating and building real apps.

Taught by Meng To

October 17, 2019

illustration

course

Build a full site in Webflow

Webflow is a design tool that can build production-ready experiences without code. You can implement CSS-driven adaptive layouts, build complex interactions and deploy all in one tool. Webflow also comes with a built-in content management system (CMS) and Ecommerce for creating a purchase experience without the need of third-party tools.

what you'll learn

14 sections - 3 hours of video

It was written for designers and developers who are passionate about collaborating and building real apps.

Taught by Meng To

August 27, 2019

illustration

course

Advanced Prototyping in ProtoPie

ProtoPie is a cross-platform prototyping tool that creates prototypes nearly as powerful as those made with code, with half of the efforts, and zero code. It's perfect for designers who want to quickly experiment with advanced interactions using variables, conditions, sensors and more.

what you'll learn

14 sections - 3 hours of video

It was written for designers and developers who are passionate about collaborating and building real apps.

Taught by Meng To