Design+Code logo

Quick links

Suggested search

Long unscripted content

Livestreams and online workshops

Interact, ask questions and follow along with a live audience of hundreds

UI Design Livestreams icon
avatar

UI Design Livestreams

19 videos - 26 hours

19 livestreams

1

My Design Process

Learn tips and tricks to create Ul assets.

73:32

2

Colors, Grid, Adaptive Layout

Color palettes and complimentary colors

74:53

3

UI Patterns, Visual Hierarchy and Iterations

Learn patterns and wireframes

105:56

4

Prototyping, Animation and Developer Handoff

Create quick animations in Figma

116:02

5

UI Design for developers and Design System

Create a collaborative and effective design system

60:02

6

iOS 14 Design

A quick view to the new iOS 14 design guidelines

93:08

7

UI Design new techniques

Team Collaboration, Components, Waves and List Design.

109:05

8

Review UIs and Design Techniques in Figma

UI design livestream where I will review UIs, give techniques and redesign live in Figma w before & after

96:15

9

Glassmorphism, Onboarding UI in Figma

Let's explore glassmorphism by using the blurred background, outlines and design a user interface in Figma

54:03

10

Blobs, Glassmorphism and iOS Screens in Figma

I'm creating blobs in Figma, working with colors, blurred layers and redesigning screens for our iOS app

65:38

11

Dark Mode, Angular Gradient Blur and Annotations in Figma

Design with dark colors, play with blurred gradients and adding comments to your design

68:16

12

Auto Layout, Hugs Content, Fill Container and Design System in Figma

Learn how to use Auto Layout, Hugs Content, Fill Container, Constraints and how to organize your Design System components

68:59

13

Variants, Prototyping and Interactive Components in Figma

How to use variants, prototype using Smart Animate and set up Interactive Components

76:44

14

Designing your first iOS app

A crash course on iOS app design for beginners using key resources from Apple and the design community.

116:33

15

Presenting your App

Different techniques and tools to present your designs for your website and covers for the App Store, YouTube, Instagram and Twitter

70:49

16

Sketch VS Figma

Sketch just added collaboration and made a big move into subscription. Let’s see how it compares to Figma.

70:24

17

Claymorphism and Mixing Styles

Explore drop shadows, inner shadows and color vibrancy to combine multiple styles

82:02

18

Design System, Variables, Breakpoints and Framer Deployment

This livestream is a deep dive into design systems in Figma and Framer

74:42

19

Team Components, Dos and Donts, Design Tips

Let’s discuss about working with team, organizing your layers, creating components and user interfaces from UI Kit and design system

80:47

SwiftUI Livestreams

14 videos - 19 hours

14 livestreams

1

Prototyping from Figma

Let's use SwiftUI to quickly prototype interactions from a design in Figma.

56:37

2

Peek Scrolling Concept using GeometryReader

Let's add a scroll and detect the position to apply animations.

41:25

3

Design and code for iOS, iPadOS, Big Sur

Design patterns and SwiftUI 2 techniques for iOS, iPadOS and Big Sur.

105:05

4

Lazy Grid and Matched Geometry Effect

SwiftUI Lazy Grid and Matched Geometry Effect

97:11

5

Design and code the App Store Today

We'll be recreating the App Store's today tab both in design and SwiftUI using Matched Geometry Effect

77:48

6

Design, code, analyze the ClubHouse app bottom card UI

Learn about the UI in Clubhouse, the bottom card pattern, usage of rounded fonts, squircles, drag to dismiss

95:54

7

Gradients and Glassmorphism in SwiftUI

Building an iOS app with gradients, cards, visual effect blur, outlines and animations in SwiftUI

92:24

8

WWDC 2021 Student Challenge - How to create a SwiftUI Project for Swift Playgrounds

WWDC 21 has just been announced. It's going to be from June 7 to June 11. There's going to be a lot of updates to iOS 15 and SwiftUI.

28:14

9

Prototyping UI, Shapes and Animations in SwiftUI

Learn how to turn your user interface and shapes into SwiftUI code and animate the using states

89:57

10

Code Onboarding UI and Animation

Build welcome screens with animation using a glassmorphic UI, masking, gradients, glow and blend modes

78:58

11

How we built our iOS app

Learn about our process and tools for working in a team of designers and developers

92:27

12

Building your first iOS app

The best way to start development on your first app with key resources, beginner-friendly steps and bridging design and code

135:57

13

SF Symbols 3, Canvas Animation

Let’s explore all the exciting new features launching this year for SwiftUI, iOS 15 and Xcode 13

67:27

14

Bottom Sheet UI with Gestures

Build the bottom sheet UI in SwiftUI with snap positions and screen size detection

65:16