DesignCourse Courses

Learn Adobe XD by Example

Comprehensive Adobe XD tutorial covering UI/UX design, prototyping, and responsive layouts. Learn key features while creating a fictional business interface.

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

The Figma Crash Course by Example

Learn Figma for UI/UX design: create multi-page websites with interactions and animations. Covers layout, prototyping, hover effects, and smart animate in a practical, hands-on approach.

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

Designing & Building a Personal Portfolio from Scratch

Learn to design and build a personal portfolio website from scratch, covering UI/UX, frontend development, and deployment in this comprehensive tutorial.

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

Animating SVG with the Awesome GSAP

Learn to animate SVG using GSAP 3.0 for a dynamic landing page. Master frontend techniques to create engaging, responsive web designs with professional-grade animations.

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

Building a Real Web Component from Scratch - Tutorial

Learn to create a customizable tooltip web component from scratch, encapsulating HTML, CSS, and functionality for use in any project or platform. Gain practical skills in building reusable UI elements.

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

The Shopify Bootcamp for Complete Newbies

Comprehensive guide to setting up a Shopify store: domain registration, account creation, product listing, theme selection, logo design, and customization for beginners.

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

Learn HTML & CSS - Crash Course

Comprehensive HTML & CSS crash course covering responsive design, mobile-first approach, animations, and JavaScript integration for a fully functional website.

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

Learn UI-UX Design & Figma - Interactive Crash Course

Master UI/UX design and Figma through an interactive crash course. Learn essential skills, from layout grids to prototyping, while creating a professional website interface step-by-step.

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

Build & Deploy a Personal Portfolio with TailwindCSS - 2022 Edition

Learn to design, code, and deploy a responsive personal portfolio using TailwindCSS. Covers UI/UX principles, step-by-step development, and automatic Git deployment with Hostinger.

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