DesignCourse Courses

2026 Figma Crash Course - Brand and UI/UX Design

Master brand identity and UI/UX design in Figma by creating a complete fitness company project from logo to web interface with AI-assisted asset generation.

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

2026 Frontend Development Crash Course - Cursor

Master AI-assisted frontend development using Cursor to build modern websites without writing code manually, covering design integration, animations, and responsive layouts.

• YouTube
• 2 hours 3 minutes
• Self-Paced
• Free Video

Building an AI Powered Brand Research App in 2 Days

Discover how to rapidly build an AI-powered brand research MVP from design to development using Cursor in just 2 days with full process walkthrough.

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

Build a Liquid UI Navigation in Rive

Learn how to create a liquid/gooey UI effect for navigation in Rive with this quick tutorial. Control colors, blur amount, and more for a unique and engaging user interface design.

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

From Figma to Browser with MCP in Minutes - No Coding Required

Discover how to transform Figma designs into functional web layouts using MCP server, plus add GSAP animations and Rive graphics without writing code.

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

Design a Layout for the Figma MCP Server - SideBling

Master Figma layout design for the SideBling project, setting up a landing page with proper structure for seamless MCP server integration in upcoming development phases.

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

Create an Animated Loader with Claude Code and Rive - SideBling

Discover how to build an animated loading sequence using Claude Code and Rive, integrating GSAP animations and custom loaders for seamless user experience during API calls.

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

20+ Year Designer Tries Lovable - Is It Any Good?

Explore Lovable AI through a veteran designer's perspective, testing UI generation capabilities and editing workflow compared to traditional development tools.

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

Designing Custom Layouts in Figma for MCP - SideBling

Master custom Figma layouts for the SideBling project, creating screens to showcase monetization ideas with step-by-step user guidance and preparing for GSAP animations.

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

From Figma to Cursor and Claude Code with MCP

Discover how to transform Figma designs into functional browser code using Cursor, Claude, and MCP server integration for seamless design-to-development workflow.

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

Learn GreenSock from the Ground Up - Absolute Beginners

Master GreenSock animation library from scratch, starting with vanilla JavaScript fundamentals before diving into GSAP's powerful animation capabilities for web development.

• YouTube
• 3 hours 24 minutes
• Self-Paced
• Free Video

Near Instant Web Design Inspiration with Google AI Studio

Discover how Google's new 'Nano Banana' AI model revolutionizes web design inspiration, generating instant visual concepts for UI/UX, graphic design, and branding projects.

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

Claude Code and Cursor - Build a Full Stack App

Master Claude Code and Cursor to build SideBling, a full-stack app that transforms user skills into monetization ideas using AI, complete with authentication and modern UI design.

• YouTube
• 4 hours 10 minutes
• Self-Paced
• Free Video

Cursor + Supabase MCP - Storing and Retrieving Data for SideBling Project

Explore Cursor and Supabase MCP integration for storing and retrieving prompts in the SideBling project, advancing your AI development skills with practical database operations.

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

Replit Agent 3 - Building AI-Powered Apps with Enhanced Autonomous Development

Explore Replit Agent 3's massive upgrade with 200-minute autonomous coding, virtual browser testing, and full-stack development from database to deployment in this hands-on demo.

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