DesignCourse Courses

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

10 ratings

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
• 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 to create interactive animations with Rive, from design to export. Master interface, design basics, animation techniques, state machines, and export options for any platform.

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

Using AI for UX Design is Awesome - Crash Course

2 ratings

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
• 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

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
• 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

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

PenPot Tutorial - The Open Source UI-UX Design App

1 rating

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

Ultimate Figma Crash Course - Full Layout by Example

Learn Figma by designing a full layout for desktop, tablet, and mobile. Master UI elements, responsive design, and prototyping through hands-on practice with a real-world project.

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

Framer Crash Course - From UI-UX to Frontend with No Code

Learn to create responsive landing pages with Framer, from UI/UX design to frontend development without coding. Master layout, animations, and deployment in this comprehensive tutorial.

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

Designing and Prototyping Forms in Figma

Master form design in Figma: Learn layout setup, textfield creation, component building, and advanced techniques like floating labels. Enhance your UI/UX skills for effective, user-friendly forms.

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

How to Design a Dashboard UI in Figma

Learn to create a stunning dashboard UI in Figma, covering navigation, card designs, and charts. Master essential UI/UX skills for crafting visually appealing and functional interfaces.

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

Adobe XD Crash Course - Design a Real Layout

Learn to design and prototype a website using Adobe XD. Covers interface overview, layout design, animations, and prototyping. Perfect for aspiring UI/UX designers seeking hands-on experience.

• YouTube
• 1 hour 1 minute
• Self-Paced
• Free Video

Make Awwwards Worthy Website Animations - Tutorial

Create stunning website animations using GSAP for modern, interactive frontend designs. Learn HTML, CSS, and JavaScript techniques to build eye-catching, award-worthy web experiences.

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