DesignCourse Courses

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