ViewTube

AI WORKFLOWS & MORE: https://uicollective.co/ Follow me on X: https://x.com/KirkMDesign We help enterprises make their ...

Join my newsletter and learn more: https://sergeichyrkov.com/learn Design tokens file (full version): ...

Level up your system design skills! This course progresses from foundational concepts to production-ready systems, covering ...

System design is how you choose the right components and put them in the right place to solve a software problem. In this video ...

OTHER VIDEOS TO WATCH Complex Design System & Figma Variable Setup: https://youtu.be/L-tpK7Eeuow Build a Design ...

00:00 Introducción: por qué no basta con pedirle diseños a la IA 00:24 ¿Qué es un Design System y por qué es vital en la era de ...

Become a senior software engineer with a job guarantee: https://go.hayksimonyan.com/168-sd-course Master the exact system ...

Give AI tools a single source of truth to generate UI that looks exactly like your product. Join the TDP Community ...

Something big just shifted in the design world… and most designers haven't noticed it yet. The skills we were all told to master are ...

If you want to build design systems faster with AI while keeping Figma as your source of truth, this workflow shows you how to ...

Teams with design systems report 38% improvement in product development efficiency, 40% faster time-to-market, and 34% ...

In this video, I walk through how I use AI to support a real design system in 2026. This is not about AI replacing design work.

Your design system is built for humans. The moment you hand it to an AI agent, it starts inventing buttons, guessing at spacing, ...

System Design Free Labs: https://kode.wiki/4qQ4dHw System design interview prep for absolute beginners, built around one ...

Introducing use_figma, a tool in Figma's MCP server that lets AI agents create and modify designs directly on the canvas, using ...

Get my full system to design with AI and get customers @ https://www.skool.com/aiapps/about Apply to work with me and make ...

I used Claude Code to design directly in Figma using real design system components. This is a full workflow test to see how AI ...

Become a senior software engineer with a job guarantee: https://go.hayksimonyan.com/177-system-design-interviews Most ...

Grab your free copy of Silk Design System: ...

Get the follow along guide here: https://link.builderspace.ai/ai-design-system Watch next: How to turn your figma design to ...

Welcome to What The *UX! My name is Ajay Soni working as a Senior UX Designer in Bengaluru full time in a Health MNC. If you ...

Become a senior software engineer with a job guarantee: https://go.hayksimonyan.com/147-system-design Sections 0:00 ...

Learn how to speed up your UI design workflow with Figma Make. In this step-by-step tutorial, Zander Whitehurst shows how to ...

How to build a design system in Figma and connect it to your code — from scratch, as a solo developer building an app in public.

Learn what actually works when using AI with design systems. This video breaks down real workflows using tools like Anthropic's ...

This Claude Design tutorial walks you through building slides, documents, and your own brand kit in Claude Design, even if you ...

Create Design System In Figma in SECONDS!! Free AI Plug-In #designsystem #designsystemfigma #figma Using AI To Build a ...

Welcome to Episode 01 of my SaaS UI/UX Design Series! In this video, I'll show you how to create a complete Design System in ...

Try Seedance 2.5 on Lovart: https://www.lovart.ai/landing/seedance_2_5/?sourceId=904394 Visit: https://02ui.com Design ...

After my last video, many of you asked the same question: What's the difference between using Claude Code in the terminal and ...

This 5-hour comprehensive course covers everything from foundational concepts to advanced distributed systems. Whether you ...

Need a design system? (also included in the academy): https://collectivekit.co/ OTHER SYSTEM VIDEOS TO WATCH Build a ...

Thanks for watching, TD ⭐️ Get 30% off Figma Weave (use code TDSunshine30) → https://weavy.ai?ref=tdsunshine Get ...

In this walkthrough I show you the three files to prepare first: a DESIGN.md file, a design system inside #ClaudeDesign, and a ...

... Claude Design tutorial from start to finish. I also break down how to build and use a Claude Design System to create consistent, ...

Google, Uber, Cash App; they all have motion as part of their design system. But most teams have it scattered everywhere. Motion ...

Can you imagine going from a static Figma design to a complete Design System with semantic variables, primitives, and web ...

Thanks for watching, TD ⭐️ Get 30% off Figma Weave (use code TDSunshine30) → https://weavy.ai?ref=tdsunshine ☕️ Buy ...

In this full course, I show you how to connect Claude Code to Figma and use it to design directly inside the Figma canvas. You will ...

Master the Vibe to Vector framework to build a complete Figma design system with Claude + Figma MCP in under 20 minutes.

Claude AI's new design feature was put to the test building a full design system from scratch — including colors, type scale, ...

A lot of people think an AI agent is just a large language model wrapped in a chat interface. But when you move from a local demo ...

Most system design tutorials start with the technology. That's backwards. The problem comes first, the tech stack is a consequence ...

A lot of teams have the same problem with their design system. It's old, components live in 10000 different places. It's not ...

Chapters: 0:00 — introduction 0:37 — how to create a design system library 3:02 — how to launch Claude Code for you project ...

A simple explanation of Message Queues in the context of system design interviews. Excalidraw used in video: ...

Build your design business in the age of AI. Join Flux Academy for cutting-edge training, expert workshops, and mentoring ...

Need a design system? (also included in the academy): https://collectivekit.co/ OTHER VIDEOS Build a Design System: ...

Stop guessing your design tokens — learn how to structure them properly. In this quick tutorial, Zander Whitehurst explains how to ...

Design like a professional using Mobbin and get 20% off: https://mobbin.com/kole Learn how to design a mobile app UI from ...

Figma Make is an AI-powered prompt-to-app tool that turns your ideas into interactive prototypes, and even working products—all ...

Here's how to set up Figma Variables for a design system. This video walks through building a primitive color variable, wrapping it ...

For years my workflow was the same. Design in Figma, hand off to code, spend hours tweaking things that never quite worked.

In this video, you'll learn how to create a structured design system by adding frames and essential elements to your canvas. You'll ...

Need a design system? (also included in the academy): https://collectivekit.co/ OTHER SYSTEM VIDEOS TO WATCH Figma ...

logo #shorts #design #graphicdesign Links Will Paterson: https://linktr.ee/willpaterson Take a look at our store for awesome ...

Watch the full course on BYOL and save 10%: https://byol.com/figa26ala Download the Free Exercise Files to follow along: ...

Learn how Slots unlock dynamic components instances — from adding another menu option, button, or even an icon to your ...

Designing responsive layouts in Figma just got way faster. In this short tutorial, Zander Whitehurst shows how to use Figma Make ...

Find Your Gaps to Senior - https://link.theseniordev.com/free-tech-assessment-j1pZ69P?utm_content= ...

Figma MCP and Cursor now make it possible to move from design to code much faster. In this video I show a simple workflow that ...

Managing multiple brands in one design system is about structure and clarity, not duplication. In this video, I walk through how to ...

Most developers know how to code. Very few know how to **design systems that scale to millions of users.** That's exactly what ...

In this YouTube Short, I compared Figma and Sketch – two of the most powerful tools for website UI design – to find out which one ...

Prompt: "Create documentation for my components, including all states and variants. Add contextual examples illustrating how ...

Free Claude Design Guide:* https://clickhubspot.com/wd1o More from Futurepedia: Join the Skill Leap AI education platform!

A simple explanation of Data Modeling in the context of system design interviews. Learn database options and how to build your ...

Want to design clean, professional monographic logos using Adobe Illustrator in just a few steps? Follow this quick tutorial: • Set ...

An early look at how we're bringing design systems into Figma Make: → Export libraries and convert them to React with Make Kits ...

I explored Untitled UI, one of the most polished design systems available for modern SaaS products, startups, dashboards, and ...

A Designer's guide on shipping real UI, not just pretty prototypes. Yes, we'll cover Figma Make, v0/Bolt/Replit experiments, but I'll ...

Transform your space with an IKEA PAX walk-in closet! In this video, I'll take you step by step through the entire assembly and ...

Book a Free Webflow consultation: https://www.tweakdesigns.in/free-webflow-consultation Learn how to transform your Figma ...

Dive into developer workflows in Figma with Jake. We'll talk about design systems, Code Connect, MCP, and Make. 00:00 Intro ...

Want to create professional and responsive UI designs in Figma? In this tutorial, you'll learn everything about Responsive Grids in ...

Thanks for watching, TD ⭐️ Sign up to Figma Weave → https://weavy.ai?ref=tdsunshine ☕️ Buy me a tea ...

We build a brand called Tally from scratch, including a design system, pitch deck, landing page, mobile app prototype, and launch ...

Level up your workflow with these Figma plugins every designer should know! ⚡️ ✓ Automate your design system ✓ Keep ...

AI WORKFLOWS & MORE: https://uicollective.co/ Design with AI - Full Guide: https://youtu.be/j_ZPV10bu54 Build a Design ...

FREE - Get access to my complete Prompt Library + an AI newsletter to stay up to date on everything AI: https://tristenobrien.ai ...

Become a senior software engineer with a job guarantee: https://go.hayksimonyan.com/153-booking This video is a deep dive into ...

Need a design system? (also included in the academy): https://collectivekit.co/ RECCOMMENDED VIDEOS Build a Design ...

Learn why less colour often means better design. In this short tutorial, Zander Whitehurst shows how to simplify your Figma UI by ...

The MOST COMPLETE Claude Design Tutorial. In this video, we will design a full website for a real business from start to finish ...

Figma just introduced components slots, extended collections, check designs, and many developer related updates for design ...

Claude Design gives designers room to explore widely and everyone else a way to produce visual work. Introducing Claude ...

This build is one small piece of what's coming The Agentic Engineering Course launches September 22nd for the first time ever ...

... 1: Designing a Premium Hero Section with Modern UI 22:43 - Visual Review: Establishing the Design System Foundation 23:53 ...

Need a design system? (also included in the academy): https://collectivekit.co/ DESIGN SYSTEM VIDEOS TO WATCH Build a ...

Learn how to create color styles in Figma so you can build consistent, reusable design systems across every project. In this tutorial ...

Figma's AI agent is currently in beta and began rolling out to Figma Design users on May 20, 2026. Learn how to get access to the ...

This FULL 2026 guide to layout and composition will completely change how you build your designs from the ground up.

How to create a design system in Figma in 2026. In this step-by-step tutorial, you'll learn how to build and organize a scalable ...

Become a senior software engineer with a job guarantee: https://go.hayksimonyan.com/141-design-spotify Learn how to design ...

Claude Design Tutorial in Spanish: Real-world examples and professional applications for your business. Learn how to transform ...

If you'd like to learn how to create a complete Design System, you can try the full course here: ...

AI WORKFLOWS & MORE: https://uicollective.co/ Design with AI - Full Guide: https://youtu.be/j_ZPV10bu54 We work with ...

Great motion shouldn't be an afterthought. It's what transforms a good digital experience into a memorable one. With Figma ...