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

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

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

Adobe Firefly vs. Midjourney V5 - Same Prompt Comparison

Comparative analysis of Adobe Firefly and Midjourney v5 AI image generation tools, showcasing their capabilities through identical prompts and highlighting unique features of Firefly.

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

Working with Three.js Particle Systems - They're Awesome

Explore Three.js particle systems to create stunning visual effects. Learn geometry, materials, and animations for dynamic web graphics.

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

Design a Highly Interactive Prototype with Figma & ProtoPie

Learn to create an interactive mobile app prototype using Figma and ProtoPie. This tutorial covers design elements like video backgrounds, navigation, menus, and slides for an engaging onboarding experience.

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

Prototyping on Roids

Learn advanced prototyping techniques using ProtoPie. Transform Figma designs into interactive prototypes with video backgrounds, menu animations, scroll effects, and Lottie animations.

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

Mind Blowing - New 3D Animation No Code Tool Rocks

Explore Dora, a new no-code 3D animation tool, to create stunning parallax websites. Learn to design interactive elements and animate 3D objects for visually captivating web experiences.

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