DesignCourse Courses

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

9 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

Create the Most Amazing Animations with Rive - Crash Course

2 reviews

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

Responsive Design with Cursor and Figma MCP Server

1 review

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
• On-Demand
• Free Video

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

1 review

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

Creating Touch-Friendly Parallax Effects with Atropos.js

Learn to create touch-friendly parallax effects using Atropos.js. This tutorial covers installation, project setup, HTML structure, CSS styling, and JavaScript implementation for engaging web designs.

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

Create an Awesome Animated Full Screen Navigation

Learn to create an animated full-screen navigation using HTML, CSS, and JavaScript with GSAP. Gain hands-on experience in frontend development and enhance your web design skills.

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

Getting Started with Bootstrap 5 for Beginners - Crash Course

Learn to create responsive websites with Bootstrap 5 in this beginner-friendly tutorial. Covers installation, component customization, and building a sample site from scratch.

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

ThreeJS Displacement & AlphaMaps - Create a 3D Terrain

Create an interactive 3D terrain using Three.js, exploring displacement and alpha maps. Learn to implement mouse interactivity and build a user interface for an immersive web experience.

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

Getting Started with Three.js in 2021

Learn to create immersive 3D web experiences using Three.js. Covers installation, project structure, boilerplate code, interactivity, and integration with HTML elements.

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

Full Stack Development Tutorial - The Full Process

Comprehensive tutorial on building a cryptocurrency app using MEVN stack, covering design, frontend, backend, and deployment. Ideal for aspiring full-stack developers.

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