DesignCourse Courses

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

10 ratings

Design a fictional business landing page in Figma while learning UI fundamentals, components, variants, layout, visual hierarchy, contrast, and interactive prototypes.

• YouTube
• 1 hour 18 minutes
• Self-Paced
• Free Video

Using AI for UX Design is Awesome - Crash Course

3 ratings

Use GPT-4 to generate UX deliverables including personas, information architecture, user flows, copy, testimonials, FAQs, and color schemes.

• YouTube
• 49 minutes
• Self-Paced
• Free Video

Figma Variables and Advanced Prototyping

2 ratings

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
• Self-Paced
• Free Video

Create the Most Amazing Animations with Rive - Crash Course

2 ratings

Learn Rive by designing a rocket ship, animating it with keyframes and state-machine interactions, and exporting the finished interactive animation.

• YouTube
• 33 minutes
• Self-Paced
• Free Video

Mastering Scroll Animations with GSAP ScrollTrigger

2 ratings

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
• Self-Paced
• Free Video

The Frontend Development Crash Course - Learn HTML & CSS

1 rating

Turn a UI design into a working browser layout with HTML structure, CSS styling, Flexbox, Grid, and animations.

• YouTube
• 2 hours 9 minutes
• Self-Paced
• Free Video

Testing Replit's New Design Mode - Powered by Gemini 3

1 rating

Explore Replit's new Design Mode powered by Gemini 3 to build landing pages with AI assistance and learn advanced prompting techniques for better UI design results.

• YouTube
• 11 minutes
• Self-Paced
• Free Video

Responsive Design with Cursor and Figma MCP Server

1 rating

Discover how to create responsive card designs using Figma MCP Server workflow with Cursor - no coding required, just proper Figma setup for seamless design-to-development process.

• YouTube
• 22 minutes
• Self-Paced
• Free Video

PenPot Tutorial - The Open Source UI-UX Design App

1 rating

Build a multi-page web interface in PenPot, from navigation and cards to clickable prototypes.

• YouTube
• 32 minutes
• Self-Paced
• Free Video

This Horizontal Scroller Is So Satisfying

Create a satisfying horizontal scroller with morphing elements using HTML, CSS, and JavaScript. Learn frontend techniques for impressive interactive web designs.

• YouTube
• 18 minutes
• Self-Paced
• Free Video

Motion One - A Lightweight JavaScript Animation Library

Explore Motion One, a lightweight JavaScript animation library. Learn project setup, HTML/CSS basics, and create simple and scroll-based animations for engaging frontend designs.

• YouTube
• 17 minutes
• Self-Paced
• Free Video

How to Use Figma's New Dev Mode

Explore Figma's Dev Mode and VSCode plugin to streamline design implementation. Learn efficient CSS techniques and enhance your frontend development workflow.

• YouTube
• 19 minutes
• Self-Paced
• Free Video

The Coolest Animated SVG Filter Effect

Learn to create an animated SVG filter turbulence effect using HTML, CSS, and JavaScript. Master advanced frontend techniques for eye-catching web designs.

• YouTube
• 24 minutes
• Self-Paced
• Free Video

Drawing Stuff in Figma - Graphic Design Crash Course

Explore vector-based drawing in Figma through 5 hands-on projects, mastering tools for creating icons, illustrations, and diverse graphic designs.

• YouTube
• 33 minutes
• Self-Paced
• Free Video

Create Modern Text Scroll Animations

Learn to create engaging scroll-based text animations using Lenis for smooth scrolling and GreenSock for dynamic effects. Enhance your website's interactivity and visual appeal with modern animation techniques.

• YouTube
• 21 minutes
• Self-Paced
• Free Video