DesignCourse Courses

The UI-UX Crash Course for 2023 - Learn UI-UX Design

6 reviews

Learn UI/UX design by creating a landing page in Figma. Master fundamentals, components, auto-layout, prototyping, and more while building a practical project for a fictional business.

• YouTube
• 1 hour 18 minutes
• On-Demand
• Free Video

Figma Variables and Advanced Prototyping

2 reviews

Learn Figma's new variables, modes, collections, and advanced prototyping with conditional logic through hands-on projects like creating a like button, cart, dark mode toggle, and color modes.

• YouTube
• 31 minutes
• On-Demand
• Free Video

Using AI for UX Design is Awesome - Crash Course

2 reviews

Explore how AI enhances UX design processes, from creating user personas to developing color schemes. Learn to leverage GPT-4 for efficient and innovative design solutions.

• YouTube
• 49 minutes
• On-Demand
• Free Video

Mastering Scroll Animations with GSAP ScrollTrigger

2 reviews

Learn to create engaging scroll animations using GSAP ScrollTrigger. Master timeline creation, trigger definitions, and advanced techniques for dynamic, interactive web designs.

• YouTube
• 23 minutes
• On-Demand
• Free Video

The Frontend Development Crash Course - Learn HTML & CSS

1 review

Learn to build a modern website using HTML and CSS, covering layout techniques, animations, and responsive design principles for creating visually appealing web interfaces.

• YouTube
• 2 hours 9 minutes
• On-Demand
• Free Video

PenPot Tutorial - The Open Source UI-UX Design App

1 review

Explore PenPot, an open-source UI/UX design app. Learn interface basics, design elements, navigation creation, prototyping, and more in this comprehensive tutorial.

• YouTube
• 32 minutes
• On-Demand
• Free Video

Animated AI Assets for the Web

Learn to create animated AI assets for web UIs using Midjourney and Rive. Master mesh creation, bone rigging, and animation techniques to enhance your designs with unique, eye-catching elements.

• YouTube
• 25 minutes
• On-Demand
• Free Video

Impossible Layouts for CSS to Handle

Explore CSS grid techniques for creating brutalist-style layouts, focusing on row and column structures to achieve unique and challenging designs.

• YouTube
• 22 minutes
• On-Demand
• Free Video

Creating a Sidebar Navigation with Icons - UI/UX & Frontend

Learn to create a sidebar navigation with icons, from Figma prototyping to HTML/CSS implementation. Enhance your UI/UX and frontend skills with this practical tutorial.

• YouTube
• 22 minutes
• On-Demand
• Free Video

The UI-UX of Designing Effective Search Bars

Learn to design effective search bars in Figma, covering interactive states, auto-suggestions, and auto-correct. Gain practical UI/UX skills through hands-on tutorial and create a functional search component.

• YouTube
• 22 minutes
• On-Demand
• Free Video

Designing a Squeeze Page - Email Collection in Figma

Learn to design an effective email collection page in Figma, covering layout, interactive prototyping, and mobile optimization for building a strong subscriber base and launching products or services.

• YouTube
• 20 minutes
• On-Demand
• Free Video

Getting Designer's Block? Try This Tool to Create Awesome Layouts

Discover a tool to overcome designer's block and create unique layouts. Learn to generate, import, and design innovative UI/UX structures in Figma, enhancing your design process.

• YouTube
• 21 minutes
• On-Demand
• Free Video

Protopie Beginner's Tutorial - Prototyping on Steroids

Learn advanced prototyping with Protopie to create interactive UI designs. Transform static Figma/Adobe XD designs into dynamic prototypes with drag-and-drop functionality and complex interactions.

• YouTube
• 24 minutes
• On-Demand
• Free Video

Fixing Your Broken Cards - Do's and Don'ts of Card Design

Revamp card designs with expert tips to avoid common pitfalls. Learn effective UI/UX techniques for creating visually appealing and functional card layouts.

• YouTube
• 24 minutes
• On-Demand
• Free Video

Creating Elaborate Website Animation Sequences - GSAP 3 Tutorial

Learn to create complex website animation sequences using GSAP 3. This tutorial covers HTML structure, CSS styling, and step-by-step implementation of impressive animations for enhanced user interfaces.

• YouTube
• 22 minutes
• On-Demand
• Free Video