DesignCourse Courses

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

8 Tips Vibe Coders Need to Know - Transitioning from AI-Assisted to Technical Coding

Master 8 essential tips to evolve from vibe coder to technical chad coder, covering basics, stack selection, browser tools, AI prompting, MCPs, security, and UI/UX fundamentals.

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

Figma Make Tutorial - Create an AI-Powered Prototype

Discover how to build an AI-powered nutritional label reader prototype using Figma Make and Gemini, from basic screen design to functional AI integration.

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

Hana 2D - Create Interactive Animations and Hero Sections

Discover Hana 2D's powerful features to build interactive hero sections with 3D projection and liquid glass effects for stunning web animations.

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

I Built an AI App for My Wife's Business with Replit

Discover how to build a real-world AI chat app using Replit that automatically answers FAQ questions for healthcare businesses, with fallback AI responses for unmatched queries.

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

PRO LEVEL ShadCN and Cursor Landing Page in 20 Minutes

Master ShadCN, TweakCN, Unicorn Studio, and GSAP to build stunning landing pages with advanced animations and custom components beyond basic AI-generated layouts in just 20 minutes.

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

Learn Framer - From Figma Design to Interactive Website - 2025 Crash Course

Master Framer's no-code website builder capabilities by transforming Figma designs into responsive, interactive web experiences with animations and advanced functionality in under an hour.

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

Integrating Scrolling Features in Rive - Animation Tutorial

Discover how to implement the new scrolling feature in Rive, including horizontal/vertical scrolling, elasticity, and snap functionality for enhanced interactive animations.

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

Paper.design - A Figma Alternative with AI Image Generation and Shaders

Explore Paper.design, a Figma-like tool with AI image generation and shader capabilities to create stunning headers and visual designs.

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

Design a Highly Interactive Prototype with Figma & ProtoPie

Designing an app onboarding interface around a video background, with a navigation bar, menu, and additional slides.

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