#  @uicollectivedesign UI Collective UI Collective posts on YouTube about design, tutorial, build, ai the most. They currently have [------] followers and [---] posts still getting attention that total [-----] engagements in the last [--] hours. ### Engagements: [-----] [#](/creator/youtube::UCBB1ZWZyf0RaKuHgpTjpcug/interactions)  - [--] Week [------] +36% - [--] Month [-------] +70% - [--] Months [-------] +685% - [--] Year [-------] +208% ### Mentions: [--] [#](/creator/youtube::UCBB1ZWZyf0RaKuHgpTjpcug/posts_active)  ### Followers: [------] [#](/creator/youtube::UCBB1ZWZyf0RaKuHgpTjpcug/followers)  - [--] Week [------] +2.40% - [--] Month [------] +8.10% - [--] Months [------] +47% - [--] Year [------] +114% ### CreatorRank: [-------] [#](/creator/youtube::UCBB1ZWZyf0RaKuHgpTjpcug/influencer_rank)  ### Social Influence **Social category influence** [finance](/list/finance) [technology brands](/list/technology-brands) [stocks](/list/stocks) **Social topic influence** [design](/topic/design) #1211, [tutorial](/topic/tutorial) #3282, [build](/topic/build), [ai](/topic/ai), [systems](/topic/systems) #914, [tools](/topic/tools) #2864, [app](/topic/app), [build a](/topic/build-a) #965, [how to](/topic/how-to), [software](/topic/software) **Top accounts mentioned or mentioned by** [@uicollectiveco](/creator/undefined) [@figma](/creator/undefined) [@amirmxt](/creator/undefined) [@tokensstudio](/creator/undefined) [@uicollectivedesignsubconfirmation1](/creator/undefined) **Top assets mentioned** [Alphabet Inc Class A (GOOGL)](/topic/$googl) [Figma, Inc. (FIG)](/topic/figma) ### Top Social Posts Top posts by engagements in the last [--] hours "Design Tokens for Dummies A Complete Guide Want to streamline your UX design UI design and Product design workflow Design tokens are the key to building scalable consistent designs across products and teams. In this video well break down: ✅ What are design tokens (Explained simply) ✅ The different types of tokens you need (Colors typography spacing & more) ✅ How to set up design tokens in Figma for a smooth workflow Whether you're a beginner or looking to refine your design system this guide will help you master design tokens with ease LINKS: UI Collective Academy: https://uicollective.co/" [YouTube Link](https://youtube.com/watch?v=CJyJN0ZdEGA) 2025-02-17T14:02Z 38.8K followers, 28.5K engagements "My AI Design Process (What Actually Works) This is my real AI + design workflow - how I use AI tools to design faster automate reviews and ship better products. If youre building a SaaS or working on product teams this breaks down what actually works. 🔗 KEY LINKS 📣 JOIN THE COMMUNITY: https://uicollective.co/ FOLLOW ME ON X (new): https://x.com/KirkMDesign Why Join UI Collective Academy Get access to premium courses premium downloads and so much more on the way (I am largely building this solo.trying to make design education available for all support goes a long way) Need a design system" [YouTube Link](https://youtube.com/watch?v=BLW5NLtQVHM) 2026-02-09T14:00Z 38.8K followers, 11.7K engagements "Master Figma Variables: From Prototyping to Design Systems Unlock the full potential of Figma variables and take your design workflow from simple prototyping to full-fledged production-ready design systems. In this step-by-step session youll learn how to: ➡ Define all the different types of Figma variables ➡ Use variables within prototyping to rapidly iterate interactive flows ➡ How to swap variants using variables ➡ Define and manage variables for creating scaleable design systems ➡ Best practices to structure your variables maintain them over time and avoid common pitfalls designers face If" [YouTube Link](https://youtube.com/watch?v=EPpPGB0eeVo) 2025-11-11T13:47Z 38.8K followers, 10.8K engagements "Figma MCP + Cursor: The New AI Design System Workflow 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 connects your design system in Figma to a real project in Cursor generates components updates tokens and keeps everything in sync. It is a practical setup you can use to speed up handoff reduce manual work and build cleaner UI with less effort. 🔗 KEY LINKS 📣 JOIN THE COMMUNITY: https://uicollective.co/ ❓ Why Join UI Collective Academy Get access to premium courses premium downloads and so much more on the way (I" [YouTube Link](https://youtube.com/watch?v=09VgyFFLrOw) 2025-11-25T14:00Z 38.8K followers, 62.4K engagements "How to Get Hired in UX Design (Case Study Method) In this video I walk through the case study method I actually use: how I approach structure decision-making and storytelling so hiring teams can quickly understand your thinking. This isnt a template or a polished deck. Its about how to frame a UX case study what to focus on and how to avoid common misalignment when presenting your work. If youre applying for UX roles and want your case studies to clearly communicate value this will help you approach them with more confidence and clarity. 🔗 KEY LINKS 📣 JOIN THE COMMUNITY:" [YouTube Link](https://youtube.com/watch?v=5lUMA_WRzNw) 2026-01-13T14:05Z 38.8K followers, [----] engagements "Multi-Brand Design System and Figma Variable Setup Full Tutorial Managing multiple brands in one design system is about structure and clarity not duplication. In this video I walk through how to set up a scalable multi-brand design system in Figma using variables tokens and theming strategies that work across different products and teams. Youll learn: ➡ The different types of multi-brand design systems ➡ Where most designers go wrong in their design token setup ➡ How to handle more complex design systems involving brands with entirely different colors ➡ Avoid common mistakes that slow down" [YouTube Link](https://youtube.com/watch?v=EyeO-yWSkYE) 2025-10-20T13:03Z 38.8K followers, 11.1K engagements "Build a Design System Ep. 1: Figma Tokens & Variables Setup Welcome to Episode [--] of "Building a Design System" In this introductory episode we dive into setting up your figma variables & design tokens to prepare for building your design system components. Together we'll explore each of the different brand alias and mapped collections for your variables and tokens but also look at a new approach leveraging a responsive collection. In the next video we'll get into the component building UI Collective Academy + Community: https://uicollective.co/ NEW - Purchase our official design system:" [YouTube Link](https://youtube.com/watch?v=HNJmWKndUA4) 2024-08-22T14:20Z 38.8K followers, 249.4K engagements "Design System & Figma Variable Set Up - Full Tutorial If youre building an enterprisegrade design system or trying to keep a fast-growing product consistent this video walks through a complete Figma Variables setupcollections modes naming tokens and the workflows that keep teams sane at scale. What youll learn: ➡ How to structure color type spacing and mapped tokens with Figma Variables ➡ Mapping variables to components themes and states without chaos ➡ Governance tips for large teams ➡ Accessibility + compliance considerations (WCAG dark mode contrast) ➡ Real-world pitfalls I see inside" [YouTube Link](https://youtube.com/watch?v=L-tpK7Eeuow) 2025-07-28T13:08Z 38.8K followers, 75.3K engagements "Figma Responsive Design: How Enterprise Teams Actually Do It Learn the fastest method to create fully responsive designs in Figma. In this step-by-step tutorial I show you the exact workflow professional product designers use to scale UI layouts across any screen size using our Figma Variables. This video will help you build responsive systems speed up your design workflow and work more efficiently with development teams. Whether you're a UI/UX designer product designer or building your first web app this tutorial covers a modern responsive process used across SaaS companies enterprise design" [YouTube Link](https://youtube.com/watch?v=NzFXc6PULh8) 2025-11-24T13:52Z 38.8K followers, [----] engagements "Build a Design System - Full Course Learn how to build a complete Figma design system from scratch in this full course. Whether youre a beginner or an experienced designer this step-by-step guide covers everything you need; from variables tokens and auto layout to advanced component structures documentation and scaling your system for enterprise teams. This is not just theory.its hands-on practical and rooted in real design system workflows. Perfect for UI/UX designers product designers and anyone building with Figma who wants to level up their skills. 👉 Subscribe for more Figma tutorials" [YouTube Link](https://youtube.com/watch?v=opTANvl9G1g) 2025-09-08T12:58Z 38.8K followers, 108.4K engagements "AI Built My Design System Docs Site (Figma MCP + Cursor) In this video I break down the full workflow using Figma MCP Cursor and AI-powered automation to generate a design system docs site from scratch including structure components accessibility usage guidelines and production-ready documentation. Designers are expected to produce documentation that supports product engineering and accessibility. Most struggle because it's time-consuming and unclear where to start. This workflow gives you a repeatable AI-powered system you can bring into tools like ZeroHeight or Supernova. 🔗 KEY LINKS 📣" [YouTube Link](https://youtube.com/watch?v=rOj7vKfnDLE) 2025-12-09T13:51Z 38.8K followers, [----] engagements "Build a Figma Design System Part [--] Welcome to Episode [--] of our design system series In this episode we're taking a deep dive into data display components. We'll walk you through the best practices for designing flexible and adaptable navigation components all while staying aligned with your design system principles and leveraging the design tokens we established in the previous episodes. If you missed it be sure to catch Episode [--] for an introduction to setting up your design tokens and Figma variables and Episodes [--] [--] [--] and [--] where we build form componentry Make sure to like comment and" [YouTube Link](https://youtube.com/watch?v=0a9jWmSJYDA) 2024-11-11T13:42Z 38.8K followers, 13.4K engagements "Multi-Brand Design System Setup Official Guide Learn the different approaches to setting up a multi-brand design system in @TokensStudio that can sync to Figma Variables. Ask your design question: https://uicollective.co/ NEW - Purchase our official design system: https://collectivekit.co/ We build design systems: https://designsystemlabs.co/ Resources: https://uicollective.co/designer-tools-and-resources 0:00 An Introduction 0:19 Types of Multi-Brand Design Systems 3:32 The Branded House Approach 11:09 Syncing with Variables 15:20 The House of Brands Approach 23:56 Outro #figma #uxdesign" [YouTube Link](https://youtube.com/watch?v=A8cmvTt4bWM) 2023-09-19T00:24Z 37.8K followers, 20.3K engagements "An Introduction to Boolean Variables in Figma Learn the basics of boolean variables and how to use booleans to create an interactive prototype leveraging Figma's advanced prototyping capabilities. Build a community profile + join the community: https://www.uicollective.co/ NEW - Purchase our official design system: https://collectivekit.co/ Resources: https://uicollective.co/designer-tools-and-resources Design System Audits + more: https://designsystemlabs.co/ Download the resource here: https://resources.uicollective.co/buy/9b718a87-35eb-48bb-b53f-4c23d0a03ec5 0:00 An Introduction 0:32 Using" [YouTube Link](https://youtube.com/watch?v=C-E5looFPOg) 2023-06-27T17:58Z 37.5K followers, 62.9K engagements "Design System Best Practices for Mobile 🚀 Why You DONT Need a Mobile Design System If you work in UX design UI design or product design you might think you need a separate mobile design systembut thats not always the case. In this video well break down why maintaining a standalone mobile design system can be unnecessary and how you can use Figma to create a scalable efficient design system that works across both mobile and desktop without the extra complexity. LINKS: NEW - Our official design system: https://collectivekit.co/ UI Collective Academy: https://uicollective.co/ All Resources:" [YouTube Link](https://youtube.com/watch?v=COTPCMka7YA) 2025-02-18T13:57Z 38.8K followers, 13.6K engagements "Build a Design System Ep. 2: Basic Form Components Welcome to Episode [--] of our series on building a design system In this video we dive into the essential building blocks of any effective design system: basic form components. Whether you're a designer or a developer understanding how to create and implement these components is crucial for maintaining consistency and usability across your projects. Join us as we break down the best practices for designing versatile form components and building a figma design system that can easily adapt to different contexts all while adhering to the" [YouTube Link](https://youtube.com/watch?v=RWobowuQx6o) 2024-09-05T13:44Z 38.8K followers, 63.7K engagements "AI + Design Systems in 2026: The Workflow I Actually Use In this video I walk through how I use AI to support a real design system in [----]. This is not about AI replacing design work. It's about where AI actually fits in day-to-day design system workflows. I cover the current state of the AI and design systems ecosystem what is worth paying attention to and what is mostly noise. Then I show the workflows I use to support audits documentation governance and quality checks so the system stays maintainable as it scales. If you work with tokens components or multi-brand systems this should give" [YouTube Link](https://youtube.com/watch?v=XfezMs8B-O8) 2026-01-26T14:01Z 38.8K followers, 18.2K engagements "Figma MCP Setup: Cursor & Windsurf (Complete Guide) This video gives you a quick no-nonsense way to connect MCP with Figma and your code tools. Its built to be set up once and reused forever. If your work lives in Figma and you want a better bridge between design and code treat this as your starting reference. *This is also part one of all our vibe-code content upcoming. Will be unique for designers. Just did not want to keep setting up MCP at the start of every future video. 🔗 KEY LINKS 📣 JOIN THE COMMUNITY: https://uicollective.co/ VIBE CODE DESIGN SYSTEM COMPONENTS:" [YouTube Link](https://youtube.com/watch?v=YK7WPAmu2CI) 2025-12-01T13:55Z 38.8K followers, [----] engagements "Build a Design System in [--] Hour Using Figma (Challenge) Challenge accepted. In this live time-boxed build I start from a blank Figma canvas and ship a production-ready design system in just one hour. Whether youre a solo designer part of an enterprise UX team or leveling up your portfolio youll walk away with repeatable tactics to accelerate any product build. Resources mentioned ➡ UI Collective Community (NEW EXPERIENCE) https://uicollective.co ➡ The Academy: https://uicollective.co/academy ➡ Take 15% Off Academy (VALID [--] HOURS ONLY - expiring July 9th) with code: JULY8 ➡ Watch the token" [YouTube Link](https://youtube.com/watch?v=lakZFDpyLiI) 2025-07-08T13:01Z 38.8K followers, [----] engagements "Your Figma Drop Shadows Look Cheap (Fix This in [--] Minutes) Learn how to make your Figma drop shadows look real and less bulky. In this 2-minute tutorial Ill show you the exact strategy I use as a former fortune [---] UX Designer to create professional production-ready designs. Perfect for UI and product designers who want cleaner visuals in less time. 👉 Subscribe for more Figma tutorials design system tips and full courses 📣 Join the Community: https://uicollective.co/ ❓ Why Join UI Collective Academy Get access to premium courses premium downloads and so much more on the way (I am largely" [YouTube Link](https://youtube.com/watch?v=oIX5vfuegZI) 2025-10-28T12:24Z 38.8K followers, [----] engagements "Audit Figma Designs in Minutes With AI In this video I show how I audit Figma designs using AI with Cursor & Figma MCP. This is a simple repeatable workflow to catch spacing color and layout issues faster without manually reviewing every frame. If you want a cleaner handoff and fewer missed details this walkthrough shows exactly how I do it. 🔗 KEY LINKS 📣 JOIN THE COMMUNITY: https://uicollective.co/ Why Join UI Collective Academy Get access to premium courses premium downloads and so much more on the way (I am largely building this solo.trying to make design education available for all" [YouTube Link](https://youtube.com/watch?v=qSziR62ZGEM) 2026-02-02T13:59Z 38.8K followers, [----] engagements "Build Design Tokens & Figma Variables with AI Design tokens and Figma variables arent new.The way we build them is. In this video I walk through the AI-first workflow Im actually using to generate design tokens and wire them into Figma without manually naming or over-engineering everything upfront. 🔗 KEY LINKS 📣 JOIN THE COMMUNITY: https://uicollective.co/ ❓ Why Join UI Collective Academy Get access to premium courses premium downloads and so much more on the way (I am largely building this solo.trying to make design education available for all support goes a long way) Need a design system" [YouTube Link](https://youtube.com/watch?v=rYzstFEY0t8) 2026-01-05T14:02Z 38.8K followers, [----] engagements "Figma Dark Mode Setup: The Ultimate Guide Dark mode isn't just a trendits an essential feature for modern design systems. In this ultimate guide well break down how to create a scalable dark mode in Figma using design tokens and Figma variables. Whether you're a UI/UX designer working at a startup or scaling a Silicon Valley-level design system this guide has you covered LINKS: UI Collective Academy: https://uicollective.co/ NEW - Our Official Design System: https://collectivekit.co/ My UI Collective profile: https://uicollective.co/portfolio/kirkmcneill All Resources:" [YouTube Link](https://youtube.com/watch?v=uyY67w_lruA) 2025-03-19T13:09Z 38.8K followers, 13K engagements "From Blank Screen to LIVE App in [--] MinutesAI Did ALL the Design In this AI design app tutorial for beginners youll go from blank canvas to finished UI in under [--] minutesno coding no prior AI experience. Well cover the basics of Loveable to get you building AI Apps in no-time ⚡ Want the complete workflow Check out the full AI in Design course for stepbystep guidance and more. The AI Design Class is now included in the UIC Academy: https://uicollective.co/ Join the community: http://uicollective.co/ Purchase our design system: http://collectivekit.co/ Link to Loveable:" [YouTube Link](https://youtube.com/watch?v=F5bkRxPdoTg) 2025-05-06T23:57Z 38.8K followers, [----] engagements "Prototyping with Figma Variables - The Ultimate Guide for Beginners Welcome to "Prototyping with Figma Variables - The Ultimate Guide for Beginners" In this comprehensive video we dive deep into the world of prototyping and how variables play a crucial role in the design process. Whether you're a complete novice or looking to enhance your prototyping skills this guide will equip you with the fundamental concepts and practical techniques needed to create effective prototypes using Figma variables Ask your design question: https://uicollective.co/ Our resources:" [YouTube Link](https://youtube.com/watch?v=JF_XvAq2BJQ) 2024-08-05T15:03Z 38.8K followers, [----] engagements "Stop Gradient Chaos: Enterprise DesignSystem Workflow for Perfect Palettes Stop wasting hours wrestling with inconsistent gradients. In this handson tutorial Ill show you the exact enterprise workflow I use to turn messy oneoff color blends into a scalable gradienttoken system that keeps your design system clean WCAGcompliant and devready. Whether youre designing fintech dashboards B2B SaaS or agency whitelabel products this workflow scales from a single product to a full portfolio of brands no extra plugins or custom code required. 🎓 More advanced designsystem lessons: UI Collective Academy" [YouTube Link](https://youtube.com/watch?v=Jw9DYtvesRc) 2025-05-26T13:24Z 38.8K followers, [----] engagements "Let's improve this Figma design Let's take a look at how to improve this card design in @figma #figma #ui #ux #uxdesign #uidesign figma ui ux design ux ui design design design system design system figma figma variables design tokens figma ui ux design ux ui design design design system design system figma figma variables design tokens" [YouTube Link](https://youtube.com/watch?v=Llf55WVc-ms) 2024-09-16T12:44Z 38.8K followers, [----] engagements "Onboarding Step-by-Step UI Tutorial for SaaS Figma App Design Series Unlock the secrets of great signup UX in this step-by-step Figma tutorial. Follow along as we design a clean responsive signup flowfrom blank frame to polished componentusing auto-layout variants and design-system best practices. Perfect for UI/UX designers product designers and anyone leveling-up their mobile-app and SaaS interface skills. Join the community: https://uicollective.co/ NEW - Purchase our official design system: https://collectivekit.co/ 0:00 Introduction 0:28 Signup & Login Form Build 5:42 Form Variants 9:35" [YouTube Link](https://youtube.com/watch?v=MogVAuptbUc) 2025-04-23T13:38Z 38.8K followers, [----] engagements "Accessible Design in Figma: Beyond the Basics Looking to become an expert UX designer UI Designer Product Designer Then you need to understand what goes into accessible design This video will go beyond the basics of accessible design in Figma. You'll learn advanced techniques and best practices to create truly inclusive user interfaces that cater to diverse needs. GENERAL LINKS NEW - Our Official Design System: https://collectivekit.co/ Ask the community and build a profile: https://uicollective.co/ We build design systems Work with me: https://designsystemlabs.co/ Connect with me on" [YouTube Link](https://youtube.com/watch?v=QqDXDXd9y5k) 2025-02-03T14:37Z 38.8K followers, 12.6K engagements "Figma Variables vs Tokens Studio Which to Use in [----] I've been getting a ton of questions lately around if @Figma Variables or @TokensStudio is the better option to be using. So this video is for those torn between the two where we break down which tokens/variables are supported by both. Join the community for free 1:1 slack support and more: https://www.uicollective.co/ Free version of our Design System: https://resources.uicollective.co/checkout/buy/0d356b10-4b05-4198-8ba3-26cd156df89b Our Figma Plugin: https://www.figma.com/community/plugin/1301974711562028600/design-system-tracker UI" [YouTube Link](https://youtube.com/watch?v=TApsV0KKpDI) 2024-01-24T14:30Z [----] followers, [----] engagements "Build Figma Layouts FAST Build a Design System Part [--] Welcome to Episode [--] of our design system series In this Figma tutorial we're taking a deep dive into layout components. We'll walk you through the best practices for designing flexible and adaptable layout components all while staying aligned with your design system principles and leveraging the design tokens we established in the previous episodes. If you missed it be sure to catch Episode [--] for an introduction to setting up your design tokens and Figma variables and Episodes [--] [--] [--] and [--] and [--] where we build other figma components Make" [YouTube Link](https://youtube.com/watch?v=Tx2XIL3SEhk) 2024-11-25T14:40Z 38.8K followers, 15.3K engagements "Master Figma Tokens & Variables: Ultimate Guide to Advanced Naming and Set Up Unlock the secrets to @Figma token and Figma variable mastery in this tutorial on naming conventions associated with different variable collections and then how to setup these tokens in @TokensStudio and then sync with Figma variables. Build a community profile + join the community: https://www.uicollective.co/ Become UI Collective verified: https://uicollective.co/verified-expert We build design systems: https://designsystemlabs.co/ Resources: https://uicollective.co/designer-tools-and-resources Our Figma Plugin:" [YouTube Link](https://youtube.com/watch?v=WATzIK0Ai8I) 2023-11-13T17:35Z 17.7K followers, 40.8K engagements "Create RESPONSIVE Figma Designs Perfect for product design and UX design learn how to create responsive designs in Figma In this tutorial we'll dive into the world of responsive design and show you how to create stunning adaptable designs that look great on any device leveraging a responsive Figma variable collection to mantain consistency. Make sure to like comment and subscribe for more insights on building effective figma techniques Ask UI Collective a question: https://uicollective.co/ We build design systems: https://designsystemlabs.co/ Untitled UI: https://www.untitledui.com/aff=bdzGd" [YouTube Link](https://youtube.com/watch?v=ZI1UsJhmZzw) 2024-12-09T13:41Z 38.8K followers, 11.1K engagements "Figma Skills to Ace Your Design Interview Mastering Figma is essential for any UX designer UI designer or product designer looking to stand out in the job market. In this video well break down the key Figma skills associated with Design Systems that hiring managers look for in UX design and UI design interviews. Whether you're preparing for your first design job or looking to level up well cover essential techniques used in design systems prototyping and interface design to help you confidently showcase your skills. LINKS: UI Collective Academy: https://uicollective.co/ All Resources:" [YouTube Link](https://youtube.com/watch?v=b8oTr-Qkgss) 2025-03-04T15:14Z 38.8K followers, [----] engagements "Build a Figma Design System Part [--] Welcome to Episode [--] of our design system series In this episode we're taking a deep dive into advanced form components. Whether you're a designer or developer mastering the creation and implementation of these components is essential for ensuring consistency and usability across your projects. We'll walk you through the best practices for designing flexible and adaptable form components all while staying aligned with your design system principles and leveraging the design tokens we established in the previous episode. If you missed it be sure to catch" [YouTube Link](https://youtube.com/watch?v=gyzAQEoJr-c) 2024-09-19T12:48Z 38.8K followers, 19.6K engagements "Converting Tokens to Figma Variables Learn how to use Figma @TokensStudio to sync your color tokens with variables. Build a community profile + join the community: https://www.uicollective.co/ Become UI Collective verified: https://uicollective.co/verified-expert We build design systems: https://designsystemlabs.co/ Resources: https://uicollective.co/designer-tools-and-resources #figma #uxdesign #uidesign" [YouTube Link](https://youtube.com/watch?v=mOE2B3DBISg) 2023-07-29T15:10Z 25.2K followers, [----] engagements "Figma App Design Series: Layouts Pages & UX Library Setup Welcome to the series where we'll be learning how to design full app layouts in Figma In this video we kick off our Figma App Design Series by walking through how to set up a UX-ready component library - Perfect for designers building scalable systems and polished UI flows Join the community: https://uicollective.co/ NEW - Purchase our official design system: https://collectivekit.co/ Other links: We build design systems: https://designsystemlabs.co/ Component lessons: https://youtu.be/RWobowuQx6o Design Tokens for Dummies:" [YouTube Link](https://youtube.com/watch?v=otYX8H0AwAU) 2025-04-16T14:19Z 38.8K followers, [----] engagements "Figma's NEW Variable Color Palette Generator Whether you're building out your design system tokens and variables or simply building a color palette for your brand @Figma has just released a native color variable generator Explore here: https://www.figma.com/color-wheel/ Build a community profile + join the community: https://www.uicollective.co/ Resource library: https://resources.uicollective.co/ Request a design system audit: https://www.uicollective.co/design-system-audit" [YouTube Link](https://youtube.com/watch?v=r_EujiBTNn0) 2023-11-02T01:02Z 13.3K followers, 15K engagements "Figma Token and Variable Setup: Top Mistakes to Avoid Learn how to avoid common mistakes when configuring variables and tokens in your design projects. Subscribe for our Tokens [---] video coming soon *Jumper variables can also be called adaptive variables Build a community profile + join the community: https://www.uicollective.co/ Resources: https://uicollective.co/designer-tools-and-resources Design System Audits + more: https://designsystemlabs.co/ Advanced library setup: https://www.youtube.com/watchv=QOGJiU8ipA8&t=3s 0:00 An Introduction 0:20 Too many variables 3:16 Improper token" [YouTube Link](https://youtube.com/watch?v=tkL8YeVOqWY) 2023-10-18T20:02Z 20K followers, 20.1K engagements "Creating Responsive Breakpoints in Figma Using Variables + Modes Learn how to create responsive elements in Figma using variables + modes. Build a community profile + join the community: https://www.uicollective.co/ Resource library: https://uicollective.co/designer-tools-and-resources Request a design system audit: https://www.uicollective.co/design-system-audit Download the resource here: https://resources.uicollective.co/buy/9b718a87-35eb-48bb-b53f-4c23d0a03ec5 0:00 An Introduction 0:44 Building Responsive Breakpoints" [YouTube Link](https://youtube.com/watch?v=xNk3QnuowKE) 2023-07-05T12:04Z 13.4K followers, 33.5K engagements "Icon Variables + more Master Figma Icons Build your own icon variable library create custom icons swap icon properties and more This is the Figma icon lesson you've been asking for. Build a community profile + join the community: https://www.uicollective.co/ Resource library: https://resources.uicollective.co/ Request a design system audit: https://www.uicollective.co/design-system-audit My favourite icon libraries https://iconists.co/centralaff=bdzGd https://pikaicons.lemonsqueezy.comaff=bdzGd ---- Videos to help further explain token/variable organization Guide to naming + setup:" [YouTube Link](https://youtube.com/watch?v=yD8lunA5hfQ) 2024-04-15T14:00Z 13.5K followers, [----] engagements "Figma App Build: Research Prototype (Components & Iteration) In this video Ill take you step by step through my Figma app build workflow starting with competitor research and inspiration using Mobbin then moving into prototyping components and iteration. Youll see exactly how I go from early insights wireframes polished prototype all inside Figma. This process works whether youre building a product for a startup enterprise or just leveling up your workflow. What youll learn: ➡ How to leverage Mobbin to study real user flows & inspiration ➡ Turning research insights into a scalable Figma" [YouTube Link](https://youtube.com/watch?v=21jby2d4TvA) 2025-10-01T13:05Z 38.8K followers, 14.1K engagements "Organizing Your Design Tasks: A Workflow Breakdown Boost your design workflow with a simple structured approach to stay organized and work more efficiently In this video Ill break it all down and share practical tips to help UX and UI designers manage projects smoothly. Lets dive in 🚀 Join the community and try our productivity tools suite for free: https://uicollective.co/ My UI Collective profile: https://uicollective.co/portfolio/kirkmcneill All Resources: https://uicollective.co/designer-tools-and-resources #uxdesign #uidesign #figma product design ux design ui design ux designer design" [YouTube Link](https://youtube.com/watch?v=3MBITu8qf4I) 2025-02-15T15:34Z 38.8K followers, [----] engagements "Design to Developer Handoff in Figma - Full Tutorial Ship a production-ready Figma to Developer handoff that engineers actually use. This full tutorial covers accessibility annotations reading/focus order landmarks error & loading states AI-generated edge cases and a developer handoff checklist. Plus a plugin demo and mobile considerations. Perfect for design system teams or enterprise UX teams shipping React/Storybook or enterprise apps. What youll learn: ➡ File & component setup that scales for teams ➡ Accessibility annotations: reading order focus order landmarks headings links buttons ➡" [YouTube Link](https://youtube.com/watch?v=ALkqhXv0GPk) 2025-08-19T12:55Z 38.8K followers, 19.6K engagements "Design a Banking App in Figma Step by Step Today youll build a complete mobile banking app in Figma from scratch. Well cover competitive research AIgenerated graphics variabledriven design systems and advanced interactive prototyping. By the end youll have a polished case study ready for your portfolio and the exact workflow used by top finance brands to ship secure conversionoptimized experiences. Drop your questions in the comments and subscribe for weekly deep dives on fintech UI/UX design systems and product strategy. Lets level up your skillsand your earning powertogether. LINKS: Join" [YouTube Link](https://youtube.com/watch?v=EPhAp2uW49Q) 2025-06-10T13:29Z 38.8K followers, 37.6K engagements "Figma Developer Handoff Masterclass Best Practices & More A guide to the best practices for handing off @Figma designs to developers is finally here Today we're exploring the correct way to annotate your design files organize your design tokens and Figma variables and build mobile optimized components for your design system GENERAL LINKS NEW - Purchase our official design system: https://collectivekit.co/ Ask the community and build a profile: https://uicollective.co/ We build design systems Work with me: https://designsystemlabs.co/ Connect with me on LinkedIn:" [YouTube Link](https://youtube.com/watch?v=EoS30ZEJZ5s) 2025-01-06T14:55Z 38.8K followers, 36.7K engagements "When to Use Component Level Tokens/Variables in Figma Learn about what is a component-level token/variable and when to use them in the context of our design system. Become UI Collective verified: https://uicollective.co/verified-expert We build design systems: https://designsystemlabs.co/ Resources: https://uicollective.co/designer-tools-and-resources 0:00 An Introduction 0:57 Global Variable vs Component Level Variables 2:42 When to Use Component Level Variables #figma #uxdesign #uidesign" [YouTube Link](https://youtube.com/watch?v=ExZy8xTsbHs) 2023-08-17T00:52Z 35K followers, 12.7K engagements "Master Design Tokens - From Basics to Advanced Getting started with design tokens or need a refresher This video walks you through the basics of Figma design tokens and covers advanced topics as well Ask your design question on design systems or variables: https://uicollective.co/ Download template shown: https://resources.uicollective.co/buy/21672c08-ab7a-4f5e-92e4-6b5be9efd1d1 NEW - Purchase our official design system: https://collectivekit.co/ We build design systems: https://designsystemlabs.co/ Resources: https://uicollective.co/designer-tools-and-resources Other vids that will help:" [YouTube Link](https://youtube.com/watch?v=OMGTP2QpfiY) 2024-06-17T14:14Z 35K followers, 68.1K engagements "Creating an Advanced Figma Color Variable Library Learn how to build an advanced color library for your design system using Figma's variable functionality. Build a community profile + join the community: https://www.uicollective.co/ NEW - Purchase our official design system: https://collectivekit.co/ We build design systems: https://designsystemlabs.co/ Resources: https://uicollective.co/designer-tools-and-resources Download the resource here: https://resources.uicollective.co/buy/9b718a87-35eb-48bb-b53f-4c23d0a03ec5 0:00 An Introduction 0:59 Mapping Brand Colors 3:40 Mapping Theme Colors" [YouTube Link](https://youtube.com/watch?v=QOGJiU8ipA8) 2023-06-26T23:46Z 34.1K followers, 89.4K engagements "Design Token Setup Become a Figma Expert Want to take your design to the next level Learn how to set up semantic design tokens like a pro In this video we'll dive into the world of design tokens and show you how to set them up efficiently making your design process smoother and more scalable. From understanding the importance of semantic design tokens to implementing them in your workflow we've got you covered. Get ready to elevate your design game and join the ranks of professional designers who know the secret to creating consistent and stunning designs. *Please note that this is not the" [YouTube Link](https://youtube.com/watch?v=XVY4rgZrdVs) 2024-12-17T13:56Z 38.8K followers, 16K engagements "Tokens Studio vs Figma Variables Stay with Tokens Studio or switch to Figma variables Let's take a deep dive into both and discover which is the best to use for your design system. Build a community profile + join the community: https://www.uicollective.co/ Resources: https://uicollective.co/designer-tools-and-resources Design System Audits + more: https://designsystemlabs.co/ Purchase our Variables naming map: https://resources.uicollective.co/checkout/buy/9b718a87-35eb-48bb-b53f-4c23d0a03ec5 #figma #uxdesign #uidesign" [YouTube Link](https://youtube.com/watch?v=ZU8tGdg80mk) 2023-06-28T19:25Z 35K followers, 20.7K engagements "I Tried the New AI Design Tool Everyones Talking About Unlock the real power of the brandnew AI design platform everyones buzzing about. In this deepdive review I stresstest its UI/UX workflow performance on a real page and whether it can actually replace todays top SaaS design stacks. Whether youre a freelance product designer a startup founder looking to ship faster or a SaaS PM chasing higher margins this review shows how to leverage AI to boost productivity and revenue. The AI Design Class is now included in the UIC Academy: https://uicollective.co/ *Purchase the AI Design Class and" [YouTube Link](https://youtube.com/watch?v=gUzf00eldyY) 2025-05-08T13:25Z 38.8K followers, [----] engagements "Build a GREAT Figma Design System Build a Design System Part [--] Welcome to Episode [--] of our design system series In this episode we're taking a deep dive into building a table component in Figma We'll walk you through the best practices for designing flexible and adaptable table components all while staying aligned with your design system principles and leveraging the design tokens we established in the previous episodes. Make sure to like comment and subscribe for more insights on building effective design systems NEW - Purchase our official design system: https://collectivekit.co/ *Apologies" [YouTube Link](https://youtube.com/watch?v=jxr7VurwSPk) 2024-10-22T13:06Z 38.8K followers, [----] engagements "Master Figma Variables: Set Up a Multi-Brand Design System In this tutorial dive into the world of multi-brand design systems as we guide you through the process of setting up a powerful multi-brand design system using Figma variables with a miniature design system build. *I apologize for some small audio errors early in the video. My mic went astray and I have been unable to edit them out Build a community profile + join the community: https://www.uicollective.co/ NEW - Purchase our official design system: https://collectivekit.co/ We build design systems: https://designsystemlabs.co/" [YouTube Link](https://youtube.com/watch?v=rQqueggLBfs) 2024-02-13T13:44Z 36.6K followers, 20.3K engagements "Design Tokens Demystified: Boost Your Workflow In this video we will delve into the world of design tokens and how they can significantly enhance your workflow. Learn how to simplify your design process maintain consistency and speed up development with this easy guide to design tokens. Watch now to unlock the power of design tokens and take your design projects to the next level Ask your design question: https://uicollective.co/ Subscribe to UI Collective: https://www.youtube.com/@UICollectiveDesignsub_confirmation=1 Become UI Collective verified: https://uicollective.co/verified-expert We" [YouTube Link](https://youtube.com/watch?v=sdLLORE8dt4) 2024-07-22T13:34Z 35K followers, [----] engagements "Build a Figma Design System Part [--] Welcome to Episode [--] of our design system series In this episode we're taking a deep dive into navigation components. We'll walk you through the best practices for designing flexible and adaptable navigation components all while staying aligned with your design system principles and leveraging the design tokens we established in the previous episodes. If you missed it be sure to catch Episode [--] for an introduction to setting up your design tokens and Figma variables and Episodes [--] & [--] where we build form componentry Make sure to like comment and subscribe" [YouTube Link](https://youtube.com/watch?v=yOnthVqIo1U) 2024-10-08T15:06Z 38.8K followers, 14.9K engagements "My AI Design Process (What Actually Works) This is my real AI + design workflow - how I use AI tools to design faster automate reviews and ship better products. If youre building a SaaS or working on product teams this breaks down what actually works. 🔗 KEY LINKS 📣 JOIN THE COMMUNITY: https://uicollective.co/ FOLLOW ME ON X (new): https://x.com/KirkMDesign Why Join UI Collective Academy Get access to premium courses premium downloads and so much more on the way (I am largely building this solo.trying to make design education available for all support goes a long way) Need a design system" [YouTube Link](https://youtube.com/watch?v=BLW5NLtQVHM) 2026-02-09T14:00Z 38.8K followers, 11.7K engagements "Audit Figma Designs in Minutes With AI In this video I show how I audit Figma designs using AI with Cursor & Figma MCP. This is a simple repeatable workflow to catch spacing color and layout issues faster without manually reviewing every frame. If you want a cleaner handoff and fewer missed details this walkthrough shows exactly how I do it. 🔗 KEY LINKS 📣 JOIN THE COMMUNITY: https://uicollective.co/ Why Join UI Collective Academy Get access to premium courses premium downloads and so much more on the way (I am largely building this solo.trying to make design education available for all" [YouTube Link](https://youtube.com/watch?v=qSziR62ZGEM) 2026-02-02T13:59Z 38.8K followers, [----] engagements "AI + Design Systems in 2026: The Workflow I Actually Use In this video I walk through how I use AI to support a real design system in [----]. This is not about AI replacing design work. It's about where AI actually fits in day-to-day design system workflows. I cover the current state of the AI and design systems ecosystem what is worth paying attention to and what is mostly noise. Then I show the workflows I use to support audits documentation governance and quality checks so the system stays maintainable as it scales. If you work with tokens components or multi-brand systems this should give" [YouTube Link](https://youtube.com/watch?v=XfezMs8B-O8) 2026-01-26T14:01Z 38.8K followers, 18.2K engagements "How to Get Hired in UX Design (Case Study Method) In this video I walk through the case study method I actually use: how I approach structure decision-making and storytelling so hiring teams can quickly understand your thinking. This isnt a template or a polished deck. Its about how to frame a UX case study what to focus on and how to avoid common misalignment when presenting your work. If youre applying for UX roles and want your case studies to clearly communicate value this will help you approach them with more confidence and clarity. 🔗 KEY LINKS 📣 JOIN THE COMMUNITY:" [YouTube Link](https://youtube.com/watch?v=5lUMA_WRzNw) 2026-01-13T14:05Z 38.8K followers, [----] engagements "Build Design Tokens & Figma Variables with AI Design tokens and Figma variables arent new.The way we build them is. In this video I walk through the AI-first workflow Im actually using to generate design tokens and wire them into Figma without manually naming or over-engineering everything upfront. 🔗 KEY LINKS 📣 JOIN THE COMMUNITY: https://uicollective.co/ ❓ Why Join UI Collective Academy Get access to premium courses premium downloads and so much more on the way (I am largely building this solo.trying to make design education available for all support goes a long way) Need a design system" [YouTube Link](https://youtube.com/watch?v=rYzstFEY0t8) 2026-01-05T14:02Z 38.8K followers, [----] engagements "AI Built My Design System Docs Site (Figma MCP + Cursor) In this video I break down the full workflow using Figma MCP Cursor and AI-powered automation to generate a design system docs site from scratch including structure components accessibility usage guidelines and production-ready documentation. Designers are expected to produce documentation that supports product engineering and accessibility. Most struggle because it's time-consuming and unclear where to start. This workflow gives you a repeatable AI-powered system you can bring into tools like ZeroHeight or Supernova. 🔗 KEY LINKS 📣" [YouTube Link](https://youtube.com/watch?v=rOj7vKfnDLE) 2025-12-09T13:51Z 38.8K followers, [----] engagements "Figma MCP Setup: Cursor & Windsurf (Complete Guide) This video gives you a quick no-nonsense way to connect MCP with Figma and your code tools. Its built to be set up once and reused forever. If your work lives in Figma and you want a better bridge between design and code treat this as your starting reference. *This is also part one of all our vibe-code content upcoming. Will be unique for designers. Just did not want to keep setting up MCP at the start of every future video. 🔗 KEY LINKS 📣 JOIN THE COMMUNITY: https://uicollective.co/ VIBE CODE DESIGN SYSTEM COMPONENTS:" [YouTube Link](https://youtube.com/watch?v=YK7WPAmu2CI) 2025-12-01T13:55Z 38.8K followers, [----] engagements "Figma MCP + Cursor: The New AI Design System Workflow 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 connects your design system in Figma to a real project in Cursor generates components updates tokens and keeps everything in sync. It is a practical setup you can use to speed up handoff reduce manual work and build cleaner UI with less effort. 🔗 KEY LINKS 📣 JOIN THE COMMUNITY: https://uicollective.co/ ❓ Why Join UI Collective Academy Get access to premium courses premium downloads and so much more on the way (I" [YouTube Link](https://youtube.com/watch?v=09VgyFFLrOw) 2025-11-25T14:00Z 38.8K followers, 62.4K engagements "Figma Responsive Design: How Enterprise Teams Actually Do It Learn the fastest method to create fully responsive designs in Figma. In this step-by-step tutorial I show you the exact workflow professional product designers use to scale UI layouts across any screen size using our Figma Variables. This video will help you build responsive systems speed up your design workflow and work more efficiently with development teams. Whether you're a UI/UX designer product designer or building your first web app this tutorial covers a modern responsive process used across SaaS companies enterprise design" [YouTube Link](https://youtube.com/watch?v=NzFXc6PULh8) 2025-11-24T13:52Z 38.8K followers, [----] engagements "Master Figma Variables: From Prototyping to Design Systems Unlock the full potential of Figma variables and take your design workflow from simple prototyping to full-fledged production-ready design systems. In this step-by-step session youll learn how to: ➡ Define all the different types of Figma variables ➡ Use variables within prototyping to rapidly iterate interactive flows ➡ How to swap variants using variables ➡ Define and manage variables for creating scaleable design systems ➡ Best practices to structure your variables maintain them over time and avoid common pitfalls designers face If" [YouTube Link](https://youtube.com/watch?v=EPpPGB0eeVo) 2025-11-11T13:47Z 38.8K followers, 10.8K engagements "Your Figma Drop Shadows Look Cheap (Fix This in [--] Minutes) Learn how to make your Figma drop shadows look real and less bulky. In this 2-minute tutorial Ill show you the exact strategy I use as a former fortune [---] UX Designer to create professional production-ready designs. Perfect for UI and product designers who want cleaner visuals in less time. 👉 Subscribe for more Figma tutorials design system tips and full courses 📣 Join the Community: https://uicollective.co/ ❓ Why Join UI Collective Academy Get access to premium courses premium downloads and so much more on the way (I am largely" [YouTube Link](https://youtube.com/watch?v=oIX5vfuegZI) 2025-10-28T12:24Z 38.8K followers, [----] engagements "Multi-Brand Design System and Figma Variable Setup Full Tutorial Managing multiple brands in one design system is about structure and clarity not duplication. In this video I walk through how to set up a scalable multi-brand design system in Figma using variables tokens and theming strategies that work across different products and teams. Youll learn: ➡ The different types of multi-brand design systems ➡ Where most designers go wrong in their design token setup ➡ How to handle more complex design systems involving brands with entirely different colors ➡ Avoid common mistakes that slow down" [YouTube Link](https://youtube.com/watch?v=EyeO-yWSkYE) 2025-10-20T13:03Z 38.8K followers, 11.1K engagements "Figma App Build: Research Prototype (Components & Iteration) In this video Ill take you step by step through my Figma app build workflow starting with competitor research and inspiration using Mobbin then moving into prototyping components and iteration. Youll see exactly how I go from early insights wireframes polished prototype all inside Figma. This process works whether youre building a product for a startup enterprise or just leveling up your workflow. What youll learn: ➡ How to leverage Mobbin to study real user flows & inspiration ➡ Turning research insights into a scalable Figma" [YouTube Link](https://youtube.com/watch?v=21jby2d4TvA) 2025-10-01T13:05Z 38.8K followers, 14.1K engagements "Build a Design System - Full Course Learn how to build a complete Figma design system from scratch in this full course. Whether youre a beginner or an experienced designer this step-by-step guide covers everything you need; from variables tokens and auto layout to advanced component structures documentation and scaling your system for enterprise teams. This is not just theory.its hands-on practical and rooted in real design system workflows. Perfect for UI/UX designers product designers and anyone building with Figma who wants to level up their skills. 👉 Subscribe for more Figma tutorials" [YouTube Link](https://youtube.com/watch?v=opTANvl9G1g) 2025-09-08T12:58Z 38.8K followers, 108.4K engagements "Design to Developer Handoff in Figma - Full Tutorial Ship a production-ready Figma to Developer handoff that engineers actually use. This full tutorial covers accessibility annotations reading/focus order landmarks error & loading states AI-generated edge cases and a developer handoff checklist. Plus a plugin demo and mobile considerations. Perfect for design system teams or enterprise UX teams shipping React/Storybook or enterprise apps. What youll learn: ➡ File & component setup that scales for teams ➡ Accessibility annotations: reading order focus order landmarks headings links buttons ➡" [YouTube Link](https://youtube.com/watch?v=ALkqhXv0GPk) 2025-08-19T12:55Z 38.8K followers, 19.6K engagements "Design System & Figma Variable Set Up - Full Tutorial If youre building an enterprisegrade design system or trying to keep a fast-growing product consistent this video walks through a complete Figma Variables setupcollections modes naming tokens and the workflows that keep teams sane at scale. What youll learn: ➡ How to structure color type spacing and mapped tokens with Figma Variables ➡ Mapping variables to components themes and states without chaos ➡ Governance tips for large teams ➡ Accessibility + compliance considerations (WCAG dark mode contrast) ➡ Real-world pitfalls I see inside" [YouTube Link](https://youtube.com/watch?v=L-tpK7Eeuow) 2025-07-28T13:08Z 38.8K followers, 75.3K engagements "Build a Design System in [--] Hour Using Figma (Challenge) Challenge accepted. In this live time-boxed build I start from a blank Figma canvas and ship a production-ready design system in just one hour. Whether youre a solo designer part of an enterprise UX team or leveling up your portfolio youll walk away with repeatable tactics to accelerate any product build. Resources mentioned ➡ UI Collective Community (NEW EXPERIENCE) https://uicollective.co ➡ The Academy: https://uicollective.co/academy ➡ Take 15% Off Academy (VALID [--] HOURS ONLY - expiring July 9th) with code: JULY8 ➡ Watch the token" [YouTube Link](https://youtube.com/watch?v=lakZFDpyLiI) 2025-07-08T13:01Z 38.8K followers, [----] engagements "Design a Banking App in Figma Step by Step Today youll build a complete mobile banking app in Figma from scratch. Well cover competitive research AIgenerated graphics variabledriven design systems and advanced interactive prototyping. By the end youll have a polished case study ready for your portfolio and the exact workflow used by top finance brands to ship secure conversionoptimized experiences. Drop your questions in the comments and subscribe for weekly deep dives on fintech UI/UX design systems and product strategy. Lets level up your skillsand your earning powertogether. LINKS: Join" [YouTube Link](https://youtube.com/watch?v=EPhAp2uW49Q) 2025-06-10T13:29Z 38.8K followers, 37.6K engagements "Stop Gradient Chaos: Enterprise DesignSystem Workflow for Perfect Palettes Stop wasting hours wrestling with inconsistent gradients. In this handson tutorial Ill show you the exact enterprise workflow I use to turn messy oneoff color blends into a scalable gradienttoken system that keeps your design system clean WCAGcompliant and devready. Whether youre designing fintech dashboards B2B SaaS or agency whitelabel products this workflow scales from a single product to a full portfolio of brands no extra plugins or custom code required. 🎓 More advanced designsystem lessons: UI Collective Academy" [YouTube Link](https://youtube.com/watch?v=Jw9DYtvesRc) 2025-05-26T13:24Z 38.8K followers, [----] engagements "I Tried the New AI Design Tool Everyones Talking About Unlock the real power of the brandnew AI design platform everyones buzzing about. In this deepdive review I stresstest its UI/UX workflow performance on a real page and whether it can actually replace todays top SaaS design stacks. Whether youre a freelance product designer a startup founder looking to ship faster or a SaaS PM chasing higher margins this review shows how to leverage AI to boost productivity and revenue. The AI Design Class is now included in the UIC Academy: https://uicollective.co/ *Purchase the AI Design Class and" [YouTube Link](https://youtube.com/watch?v=gUzf00eldyY) 2025-05-08T13:25Z 38.8K followers, [----] engagements "From Blank Screen to LIVE App in [--] MinutesAI Did ALL the Design In this AI design app tutorial for beginners youll go from blank canvas to finished UI in under [--] minutesno coding no prior AI experience. Well cover the basics of Loveable to get you building AI Apps in no-time ⚡ Want the complete workflow Check out the full AI in Design course for stepbystep guidance and more. The AI Design Class is now included in the UIC Academy: https://uicollective.co/ Join the community: http://uicollective.co/ Purchase our design system: http://collectivekit.co/ Link to Loveable:" [YouTube Link](https://youtube.com/watch?v=F5bkRxPdoTg) 2025-05-06T23:57Z 38.8K followers, [----] engagements "Onboarding Step-by-Step UI Tutorial for SaaS Figma App Design Series Unlock the secrets of great signup UX in this step-by-step Figma tutorial. Follow along as we design a clean responsive signup flowfrom blank frame to polished componentusing auto-layout variants and design-system best practices. Perfect for UI/UX designers product designers and anyone leveling-up their mobile-app and SaaS interface skills. Join the community: https://uicollective.co/ NEW - Purchase our official design system: https://collectivekit.co/ 0:00 Introduction 0:28 Signup & Login Form Build 5:42 Form Variants 9:35" [YouTube Link](https://youtube.com/watch?v=MogVAuptbUc) 2025-04-23T13:38Z 38.8K followers, [----] engagements "Figma App Design Series: Layouts Pages & UX Library Setup Welcome to the series where we'll be learning how to design full app layouts in Figma In this video we kick off our Figma App Design Series by walking through how to set up a UX-ready component library - Perfect for designers building scalable systems and polished UI flows Join the community: https://uicollective.co/ NEW - Purchase our official design system: https://collectivekit.co/ Other links: We build design systems: https://designsystemlabs.co/ Component lessons: https://youtu.be/RWobowuQx6o Design Tokens for Dummies:" [YouTube Link](https://youtube.com/watch?v=otYX8H0AwAU) 2025-04-16T14:19Z 38.8K followers, [----] engagements "Figma Dark Mode Setup: The Ultimate Guide Dark mode isn't just a trendits an essential feature for modern design systems. In this ultimate guide well break down how to create a scalable dark mode in Figma using design tokens and Figma variables. Whether you're a UI/UX designer working at a startup or scaling a Silicon Valley-level design system this guide has you covered LINKS: UI Collective Academy: https://uicollective.co/ NEW - Our Official Design System: https://collectivekit.co/ My UI Collective profile: https://uicollective.co/portfolio/kirkmcneill All Resources:" [YouTube Link](https://youtube.com/watch?v=uyY67w_lruA) 2025-03-19T13:09Z 38.8K followers, 13K engagements "Figma Skills to Ace Your Design Interview Mastering Figma is essential for any UX designer UI designer or product designer looking to stand out in the job market. In this video well break down the key Figma skills associated with Design Systems that hiring managers look for in UX design and UI design interviews. Whether you're preparing for your first design job or looking to level up well cover essential techniques used in design systems prototyping and interface design to help you confidently showcase your skills. LINKS: UI Collective Academy: https://uicollective.co/ All Resources:" [YouTube Link](https://youtube.com/watch?v=b8oTr-Qkgss) 2025-03-04T15:14Z 38.8K followers, [----] engagements "Design System Best Practices for Mobile 🚀 Why You DONT Need a Mobile Design System If you work in UX design UI design or product design you might think you need a separate mobile design systembut thats not always the case. In this video well break down why maintaining a standalone mobile design system can be unnecessary and how you can use Figma to create a scalable efficient design system that works across both mobile and desktop without the extra complexity. LINKS: NEW - Our official design system: https://collectivekit.co/ UI Collective Academy: https://uicollective.co/ All Resources:" [YouTube Link](https://youtube.com/watch?v=COTPCMka7YA) 2025-02-18T13:57Z 38.8K followers, 13.6K engagements "Design Tokens for Dummies A Complete Guide Want to streamline your UX design UI design and Product design workflow Design tokens are the key to building scalable consistent designs across products and teams. In this video well break down: ✅ What are design tokens (Explained simply) ✅ The different types of tokens you need (Colors typography spacing & more) ✅ How to set up design tokens in Figma for a smooth workflow Whether you're a beginner or looking to refine your design system this guide will help you master design tokens with ease LINKS: UI Collective Academy: https://uicollective.co/" [YouTube Link](https://youtube.com/watch?v=CJyJN0ZdEGA) 2025-02-17T14:02Z 38.8K followers, 28.5K engagements "Organizing Your Design Tasks: A Workflow Breakdown Boost your design workflow with a simple structured approach to stay organized and work more efficiently In this video Ill break it all down and share practical tips to help UX and UI designers manage projects smoothly. Lets dive in 🚀 Join the community and try our productivity tools suite for free: https://uicollective.co/ My UI Collective profile: https://uicollective.co/portfolio/kirkmcneill All Resources: https://uicollective.co/designer-tools-and-resources #uxdesign #uidesign #figma product design ux design ui design ux designer design" [YouTube Link](https://youtube.com/watch?v=3MBITu8qf4I) 2025-02-15T15:34Z 38.8K followers, [----] engagements "Accessible Design in Figma: Beyond the Basics Looking to become an expert UX designer UI Designer Product Designer Then you need to understand what goes into accessible design This video will go beyond the basics of accessible design in Figma. You'll learn advanced techniques and best practices to create truly inclusive user interfaces that cater to diverse needs. GENERAL LINKS NEW - Our Official Design System: https://collectivekit.co/ Ask the community and build a profile: https://uicollective.co/ We build design systems Work with me: https://designsystemlabs.co/ Connect with me on" [YouTube Link](https://youtube.com/watch?v=QqDXDXd9y5k) 2025-02-03T14:37Z 38.8K followers, 12.6K engagements "Design Thinking is OUT Experience Thinking is IN - A UI Collective Event Is Design Thinking outdated 🤔 In this UI Collective event with our partners at Akendi we dive into the emerging trend of Experience Thinkinga fresh approach to crafting meaningful user-first designs. Discover how this methodology shifts focus from processes to end-to-end experiences and why its gaining traction in the design world. Whether you're a UX designer product manager or just curious about the future of design this session is packed with insights you don't want to miss. 🚀 Subscribe for more events tips and" [YouTube Link](https://youtube.com/watch?v=Lay74AVwlZo) 2025-01-29T14:33Z 38.8K followers, [----] engagements "Figma Sidebar Build: Power User Tips & Tricks The Figma sidebar component is a powerful tool for streamlining your design portfolio or design system. Using Figma variables and basic UI design principles we're going to build a sidebar that looks and works great in a prototype Ultimatley this video will explore hidden tips and tricks for maximizing its functionality making you more efficient and a more impressive designer. GENERAL LINKS NEW - Our Official Design System: https://collectivekit.co/ Ask the community and build a profile: https://uicollective.co/ Work with me:" [YouTube Link](https://youtube.com/watch?v=1dRhdiLVLV0) 2025-01-22T14:12Z 38.8K followers, 12.9K engagements "Figma Developer Handoff Masterclass Best Practices & More A guide to the best practices for handing off @Figma designs to developers is finally here Today we're exploring the correct way to annotate your design files organize your design tokens and Figma variables and build mobile optimized components for your design system GENERAL LINKS NEW - Purchase our official design system: https://collectivekit.co/ Ask the community and build a profile: https://uicollective.co/ We build design systems Work with me: https://designsystemlabs.co/ Connect with me on LinkedIn:" [YouTube Link](https://youtube.com/watch?v=EoS30ZEJZ5s) 2025-01-06T14:55Z 38.8K followers, 36.7K engagements "Design Token Setup Become a Figma Expert Want to take your design to the next level Learn how to set up semantic design tokens like a pro In this video we'll dive into the world of design tokens and show you how to set them up efficiently making your design process smoother and more scalable. From understanding the importance of semantic design tokens to implementing them in your workflow we've got you covered. Get ready to elevate your design game and join the ranks of professional designers who know the secret to creating consistent and stunning designs. *Please note that this is not the" [YouTube Link](https://youtube.com/watch?v=XVY4rgZrdVs) 2024-12-17T13:56Z 38.8K followers, 16K engagements "Create RESPONSIVE Figma Designs Perfect for product design and UX design learn how to create responsive designs in Figma In this tutorial we'll dive into the world of responsive design and show you how to create stunning adaptable designs that look great on any device leveraging a responsive Figma variable collection to mantain consistency. Make sure to like comment and subscribe for more insights on building effective figma techniques Ask UI Collective a question: https://uicollective.co/ We build design systems: https://designsystemlabs.co/ Untitled UI: https://www.untitledui.com/aff=bdzGd" [YouTube Link](https://youtube.com/watch?v=ZI1UsJhmZzw) 2024-12-09T13:41Z 38.8K followers, 11.1K engagements "Build Figma Layouts FAST Build a Design System Part [--] Welcome to Episode [--] of our design system series In this Figma tutorial we're taking a deep dive into layout components. We'll walk you through the best practices for designing flexible and adaptable layout components all while staying aligned with your design system principles and leveraging the design tokens we established in the previous episodes. If you missed it be sure to catch Episode [--] for an introduction to setting up your design tokens and Figma variables and Episodes [--] [--] [--] and [--] and [--] where we build other figma components Make" [YouTube Link](https://youtube.com/watch?v=Tx2XIL3SEhk) 2024-11-25T14:40Z 38.8K followers, 15.3K engagements "Build a Figma Design System Part [--] Welcome to Episode [--] of our design system series In this episode we're taking a deep dive into data display components. We'll walk you through the best practices for designing flexible and adaptable navigation components all while staying aligned with your design system principles and leveraging the design tokens we established in the previous episodes. If you missed it be sure to catch Episode [--] for an introduction to setting up your design tokens and Figma variables and Episodes [--] [--] [--] and [--] where we build form componentry Make sure to like comment and" [YouTube Link](https://youtube.com/watch?v=0a9jWmSJYDA) 2024-11-11T13:42Z 38.8K followers, 13.4K engagements "Build a GREAT Figma Design System Build a Design System Part [--] Welcome to Episode [--] of our design system series In this episode we're taking a deep dive into building a table component in Figma We'll walk you through the best practices for designing flexible and adaptable table components all while staying aligned with your design system principles and leveraging the design tokens we established in the previous episodes. Make sure to like comment and subscribe for more insights on building effective design systems NEW - Purchase our official design system: https://collectivekit.co/ *Apologies" [YouTube Link](https://youtube.com/watch?v=jxr7VurwSPk) 2024-10-22T13:06Z 38.8K followers, [----] engagements "Build a Figma Design System Part [--] Welcome to Episode [--] of our design system series In this episode we're taking a deep dive into navigation components. We'll walk you through the best practices for designing flexible and adaptable navigation components all while staying aligned with your design system principles and leveraging the design tokens we established in the previous episodes. If you missed it be sure to catch Episode [--] for an introduction to setting up your design tokens and Figma variables and Episodes [--] & [--] where we build form componentry Make sure to like comment and subscribe" [YouTube Link](https://youtube.com/watch?v=yOnthVqIo1U) 2024-10-08T15:06Z 38.8K followers, 14.9K engagements "Build a Figma Design System Part [--] Welcome to Episode [--] of our design system series In this episode we're taking a deep dive into advanced form components. Whether you're a designer or developer mastering the creation and implementation of these components is essential for ensuring consistency and usability across your projects. We'll walk you through the best practices for designing flexible and adaptable form components all while staying aligned with your design system principles and leveraging the design tokens we established in the previous episode. If you missed it be sure to catch" [YouTube Link](https://youtube.com/watch?v=gyzAQEoJr-c) 2024-09-19T12:48Z 38.8K followers, 19.6K engagements "Let's improve this Figma design Let's take a look at how to improve this card design in @figma #figma #ui #ux #uxdesign #uidesign figma ui ux design ux ui design design design system design system figma figma variables design tokens figma ui ux design ux ui design design design system design system figma figma variables design tokens" [YouTube Link](https://youtube.com/watch?v=Llf55WVc-ms) 2024-09-16T12:44Z 38.8K followers, [----] engagements "Can #design certificates help you get hired in #uxdesign google ux ux design web development ux design course ui design ui ui ux design google design google ux design certificate review google coursera ux design google ux ux design web development ux design course ui design ui ui ux design google design google ux design certificate review google coursera ux design" [YouTube Link](https://youtube.com/watch?v=u88IYW7PZ4o) 2024-09-15T21:15Z 38.8K followers, [---] engagements "Help Caro choose the right landing page design #uxdesign #ui #ux #uidesign #figma #tech #design ux design ui figma design ui ux design design feedback canva ux design ui figma design ui ux design design feedback canva" [YouTube Link](https://youtube.com/watch?v=otrqcZo0ZHI) 2024-09-14T14:34Z 38.8K followers, [---] engagements "Interviewing for a #uxdesign job with no experience Watch this Here's a tip on navigating UX interviews without any experience Ask your design question on uicollective.co ux design ux ux designer ui design ux interview ux interview questions ux design ux ux designer ui design ux interview ux interview questions" [YouTube Link](https://youtube.com/watch?v=fLALJH4XN7I) 2024-09-13T19:20Z 38.8K followers, [---] engagements "Which dashboard format would you choose #figma #uxdesign Tell us what dashboard you would use for a finance app Ask any design question on uicollective.co" [YouTube Link](https://youtube.com/watch?v=HgC7LCeTEkA) 2024-09-13T12:08Z 38.8K followers, [----] engagements "How to tell what app features should you be prioritizing first #figma #uxdesign #uidesign Designing a new platform and not sure which features to prioritize Here's what to do next. ux design ux designer ui design ui designer figma ux design ux designer ui design ui designer figma" [YouTube Link](https://youtube.com/watch?v=rlbRRmloX_4) 2024-09-12T22:06Z 38.8K followers, [---] engagements "Build a Design System Ep. 2: Basic Form Components Welcome to Episode [--] of our series on building a design system In this video we dive into the essential building blocks of any effective design system: basic form components. Whether you're a designer or a developer understanding how to create and implement these components is crucial for maintaining consistency and usability across your projects. Join us as we break down the best practices for designing versatile form components and building a figma design system that can easily adapt to different contexts all while adhering to the" [YouTube Link](https://youtube.com/watch?v=RWobowuQx6o) 2024-09-05T13:44Z 38.8K followers, 63.7K engagements "Build a Design System Ep. 1: Figma Tokens & Variables Setup Welcome to Episode [--] of "Building a Design System" In this introductory episode we dive into setting up your figma variables & design tokens to prepare for building your design system components. Together we'll explore each of the different brand alias and mapped collections for your variables and tokens but also look at a new approach leveraging a responsive collection. In the next video we'll get into the component building UI Collective Academy + Community: https://uicollective.co/ NEW - Purchase our official design system:" [YouTube Link](https://youtube.com/watch?v=HNJmWKndUA4) 2024-08-22T14:20Z 38.8K followers, 249.4K engagements "Prototyping with Figma Variables - The Ultimate Guide for Beginners Welcome to "Prototyping with Figma Variables - The Ultimate Guide for Beginners" In this comprehensive video we dive deep into the world of prototyping and how variables play a crucial role in the design process. Whether you're a complete novice or looking to enhance your prototyping skills this guide will equip you with the fundamental concepts and practical techniques needed to create effective prototypes using Figma variables Ask your design question: https://uicollective.co/ Our resources:" [YouTube Link](https://youtube.com/watch?v=JF_XvAq2BJQ) 2024-08-05T15:03Z 38.8K followers, [----] engagements "3 #Figma shortcuts to save you time Here are three @Figma shortcuts that will save you time as a designer Want more Figma quick tips Drop a sub #figmadesign #figma #productdesign #uxdesign #ux #ui #uidesign #figmatutorial figma design figma tutorial figma ux design ui design figma variables figma ai figma design figma tutorial figma ux design ui design figma variables figma ai" [YouTube Link](https://youtube.com/watch?v=gPRtO4PyLFI) 2024-08-02T14:11Z 38.8K followers, [----] engagements "⛔ Figma's AI Feature Removed Get the Scoop 🤯✨ 🚨 Big news for designers Figma has removed its build with AI features showcased at Config [----]. Find out why and what this means for your design process #Figma #FigmaAI #AIFeatures #TechNews #DesignTools #DesignCommunity #ProductDesign #UXDesign #UIDesign #TechUpdate #DesignTrends #TechTalk #AIUpdate #DesignLife #DesignTips #ProductDesign #UXDesign #designer #uxdesign #productdesigner #tech #designer #aidesign #ai figma config figmatips ai design figma updates [----] figma update figma ai figma ai design figma ai plugin config [----] config figma" [YouTube Link](https://youtube.com/watch?v=JZaHcTmh-Xg) 2024-07-25T23:08Z 38.8K followers, [----] engagements Limited data mode. Full metrics available with subscription: lunarcrush.com/pricing
@uicollectivedesign UI CollectiveUI Collective posts on YouTube about design, tutorial, build, ai the most. They currently have [------] followers and [---] posts still getting attention that total [-----] engagements in the last [--] hours.
Social category influence finance technology brands stocks
Social topic influence design #1211, tutorial #3282, build, ai, systems #914, tools #2864, app, build a #965, how to, software
Top accounts mentioned or mentioned by @uicollectiveco @figma @amirmxt @tokensstudio @uicollectivedesignsubconfirmation1
Top assets mentioned Alphabet Inc Class A (GOOGL) Figma, Inc. (FIG)
Top posts by engagements in the last [--] hours
"Design Tokens for Dummies A Complete Guide Want to streamline your UX design UI design and Product design workflow Design tokens are the key to building scalable consistent designs across products and teams. In this video well break down: ✅ What are design tokens (Explained simply) ✅ The different types of tokens you need (Colors typography spacing & more) ✅ How to set up design tokens in Figma for a smooth workflow Whether you're a beginner or looking to refine your design system this guide will help you master design tokens with ease LINKS: UI Collective Academy: https://uicollective.co/"
YouTube Link 2025-02-17T14:02Z 38.8K followers, 28.5K engagements
"My AI Design Process (What Actually Works) This is my real AI + design workflow - how I use AI tools to design faster automate reviews and ship better products. If youre building a SaaS or working on product teams this breaks down what actually works. 🔗 KEY LINKS 📣 JOIN THE COMMUNITY: https://uicollective.co/ FOLLOW ME ON X (new): https://x.com/KirkMDesign Why Join UI Collective Academy Get access to premium courses premium downloads and so much more on the way (I am largely building this solo.trying to make design education available for all support goes a long way) Need a design system"
YouTube Link 2026-02-09T14:00Z 38.8K followers, 11.7K engagements
"Master Figma Variables: From Prototyping to Design Systems Unlock the full potential of Figma variables and take your design workflow from simple prototyping to full-fledged production-ready design systems. In this step-by-step session youll learn how to: ➡ Define all the different types of Figma variables ➡ Use variables within prototyping to rapidly iterate interactive flows ➡ How to swap variants using variables ➡ Define and manage variables for creating scaleable design systems ➡ Best practices to structure your variables maintain them over time and avoid common pitfalls designers face If"
YouTube Link 2025-11-11T13:47Z 38.8K followers, 10.8K engagements
"Figma MCP + Cursor: The New AI Design System Workflow 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 connects your design system in Figma to a real project in Cursor generates components updates tokens and keeps everything in sync. It is a practical setup you can use to speed up handoff reduce manual work and build cleaner UI with less effort. 🔗 KEY LINKS 📣 JOIN THE COMMUNITY: https://uicollective.co/ ❓ Why Join UI Collective Academy Get access to premium courses premium downloads and so much more on the way (I"
YouTube Link 2025-11-25T14:00Z 38.8K followers, 62.4K engagements
"How to Get Hired in UX Design (Case Study Method) In this video I walk through the case study method I actually use: how I approach structure decision-making and storytelling so hiring teams can quickly understand your thinking. This isnt a template or a polished deck. Its about how to frame a UX case study what to focus on and how to avoid common misalignment when presenting your work. If youre applying for UX roles and want your case studies to clearly communicate value this will help you approach them with more confidence and clarity. 🔗 KEY LINKS 📣 JOIN THE COMMUNITY:"
YouTube Link 2026-01-13T14:05Z 38.8K followers, [----] engagements
"Multi-Brand Design System and Figma Variable Setup Full Tutorial Managing multiple brands in one design system is about structure and clarity not duplication. In this video I walk through how to set up a scalable multi-brand design system in Figma using variables tokens and theming strategies that work across different products and teams. Youll learn: ➡ The different types of multi-brand design systems ➡ Where most designers go wrong in their design token setup ➡ How to handle more complex design systems involving brands with entirely different colors ➡ Avoid common mistakes that slow down"
YouTube Link 2025-10-20T13:03Z 38.8K followers, 11.1K engagements
"Build a Design System Ep. 1: Figma Tokens & Variables Setup Welcome to Episode [--] of "Building a Design System" In this introductory episode we dive into setting up your figma variables & design tokens to prepare for building your design system components. Together we'll explore each of the different brand alias and mapped collections for your variables and tokens but also look at a new approach leveraging a responsive collection. In the next video we'll get into the component building UI Collective Academy + Community: https://uicollective.co/ NEW - Purchase our official design system:"
YouTube Link 2024-08-22T14:20Z 38.8K followers, 249.4K engagements
"Design System & Figma Variable Set Up - Full Tutorial If youre building an enterprisegrade design system or trying to keep a fast-growing product consistent this video walks through a complete Figma Variables setupcollections modes naming tokens and the workflows that keep teams sane at scale. What youll learn: ➡ How to structure color type spacing and mapped tokens with Figma Variables ➡ Mapping variables to components themes and states without chaos ➡ Governance tips for large teams ➡ Accessibility + compliance considerations (WCAG dark mode contrast) ➡ Real-world pitfalls I see inside"
YouTube Link 2025-07-28T13:08Z 38.8K followers, 75.3K engagements
"Figma Responsive Design: How Enterprise Teams Actually Do It Learn the fastest method to create fully responsive designs in Figma. In this step-by-step tutorial I show you the exact workflow professional product designers use to scale UI layouts across any screen size using our Figma Variables. This video will help you build responsive systems speed up your design workflow and work more efficiently with development teams. Whether you're a UI/UX designer product designer or building your first web app this tutorial covers a modern responsive process used across SaaS companies enterprise design"
YouTube Link 2025-11-24T13:52Z 38.8K followers, [----] engagements
"Build a Design System - Full Course Learn how to build a complete Figma design system from scratch in this full course. Whether youre a beginner or an experienced designer this step-by-step guide covers everything you need; from variables tokens and auto layout to advanced component structures documentation and scaling your system for enterprise teams. This is not just theory.its hands-on practical and rooted in real design system workflows. Perfect for UI/UX designers product designers and anyone building with Figma who wants to level up their skills. 👉 Subscribe for more Figma tutorials"
YouTube Link 2025-09-08T12:58Z 38.8K followers, 108.4K engagements
"AI Built My Design System Docs Site (Figma MCP + Cursor) In this video I break down the full workflow using Figma MCP Cursor and AI-powered automation to generate a design system docs site from scratch including structure components accessibility usage guidelines and production-ready documentation. Designers are expected to produce documentation that supports product engineering and accessibility. Most struggle because it's time-consuming and unclear where to start. This workflow gives you a repeatable AI-powered system you can bring into tools like ZeroHeight or Supernova. 🔗 KEY LINKS 📣"
YouTube Link 2025-12-09T13:51Z 38.8K followers, [----] engagements
"Build a Figma Design System Part [--] Welcome to Episode [--] of our design system series In this episode we're taking a deep dive into data display components. We'll walk you through the best practices for designing flexible and adaptable navigation components all while staying aligned with your design system principles and leveraging the design tokens we established in the previous episodes. If you missed it be sure to catch Episode [--] for an introduction to setting up your design tokens and Figma variables and Episodes [--] [--] [--] and [--] where we build form componentry Make sure to like comment and"
YouTube Link 2024-11-11T13:42Z 38.8K followers, 13.4K engagements
"Multi-Brand Design System Setup Official Guide Learn the different approaches to setting up a multi-brand design system in @TokensStudio that can sync to Figma Variables. Ask your design question: https://uicollective.co/ NEW - Purchase our official design system: https://collectivekit.co/ We build design systems: https://designsystemlabs.co/ Resources: https://uicollective.co/designer-tools-and-resources 0:00 An Introduction 0:19 Types of Multi-Brand Design Systems 3:32 The Branded House Approach 11:09 Syncing with Variables 15:20 The House of Brands Approach 23:56 Outro #figma #uxdesign"
YouTube Link 2023-09-19T00:24Z 37.8K followers, 20.3K engagements
"An Introduction to Boolean Variables in Figma Learn the basics of boolean variables and how to use booleans to create an interactive prototype leveraging Figma's advanced prototyping capabilities. Build a community profile + join the community: https://www.uicollective.co/ NEW - Purchase our official design system: https://collectivekit.co/ Resources: https://uicollective.co/designer-tools-and-resources Design System Audits + more: https://designsystemlabs.co/ Download the resource here: https://resources.uicollective.co/buy/9b718a87-35eb-48bb-b53f-4c23d0a03ec5 0:00 An Introduction 0:32 Using"
YouTube Link 2023-06-27T17:58Z 37.5K followers, 62.9K engagements
"Design System Best Practices for Mobile 🚀 Why You DONT Need a Mobile Design System If you work in UX design UI design or product design you might think you need a separate mobile design systembut thats not always the case. In this video well break down why maintaining a standalone mobile design system can be unnecessary and how you can use Figma to create a scalable efficient design system that works across both mobile and desktop without the extra complexity. LINKS: NEW - Our official design system: https://collectivekit.co/ UI Collective Academy: https://uicollective.co/ All Resources:"
YouTube Link 2025-02-18T13:57Z 38.8K followers, 13.6K engagements
"Build a Design System Ep. 2: Basic Form Components Welcome to Episode [--] of our series on building a design system In this video we dive into the essential building blocks of any effective design system: basic form components. Whether you're a designer or a developer understanding how to create and implement these components is crucial for maintaining consistency and usability across your projects. Join us as we break down the best practices for designing versatile form components and building a figma design system that can easily adapt to different contexts all while adhering to the"
YouTube Link 2024-09-05T13:44Z 38.8K followers, 63.7K engagements
"AI + Design Systems in 2026: The Workflow I Actually Use In this video I walk through how I use AI to support a real design system in [----]. This is not about AI replacing design work. It's about where AI actually fits in day-to-day design system workflows. I cover the current state of the AI and design systems ecosystem what is worth paying attention to and what is mostly noise. Then I show the workflows I use to support audits documentation governance and quality checks so the system stays maintainable as it scales. If you work with tokens components or multi-brand systems this should give"
YouTube Link 2026-01-26T14:01Z 38.8K followers, 18.2K engagements
"Figma MCP Setup: Cursor & Windsurf (Complete Guide) This video gives you a quick no-nonsense way to connect MCP with Figma and your code tools. Its built to be set up once and reused forever. If your work lives in Figma and you want a better bridge between design and code treat this as your starting reference. *This is also part one of all our vibe-code content upcoming. Will be unique for designers. Just did not want to keep setting up MCP at the start of every future video. 🔗 KEY LINKS 📣 JOIN THE COMMUNITY: https://uicollective.co/ VIBE CODE DESIGN SYSTEM COMPONENTS:"
YouTube Link 2025-12-01T13:55Z 38.8K followers, [----] engagements
"Build a Design System in [--] Hour Using Figma (Challenge) Challenge accepted. In this live time-boxed build I start from a blank Figma canvas and ship a production-ready design system in just one hour. Whether youre a solo designer part of an enterprise UX team or leveling up your portfolio youll walk away with repeatable tactics to accelerate any product build. Resources mentioned ➡ UI Collective Community (NEW EXPERIENCE) https://uicollective.co ➡ The Academy: https://uicollective.co/academy ➡ Take 15% Off Academy (VALID [--] HOURS ONLY - expiring July 9th) with code: JULY8 ➡ Watch the token"
YouTube Link 2025-07-08T13:01Z 38.8K followers, [----] engagements
"Your Figma Drop Shadows Look Cheap (Fix This in [--] Minutes) Learn how to make your Figma drop shadows look real and less bulky. In this 2-minute tutorial Ill show you the exact strategy I use as a former fortune [---] UX Designer to create professional production-ready designs. Perfect for UI and product designers who want cleaner visuals in less time. 👉 Subscribe for more Figma tutorials design system tips and full courses 📣 Join the Community: https://uicollective.co/ ❓ Why Join UI Collective Academy Get access to premium courses premium downloads and so much more on the way (I am largely"
YouTube Link 2025-10-28T12:24Z 38.8K followers, [----] engagements
"Audit Figma Designs in Minutes With AI In this video I show how I audit Figma designs using AI with Cursor & Figma MCP. This is a simple repeatable workflow to catch spacing color and layout issues faster without manually reviewing every frame. If you want a cleaner handoff and fewer missed details this walkthrough shows exactly how I do it. 🔗 KEY LINKS 📣 JOIN THE COMMUNITY: https://uicollective.co/ Why Join UI Collective Academy Get access to premium courses premium downloads and so much more on the way (I am largely building this solo.trying to make design education available for all"
YouTube Link 2026-02-02T13:59Z 38.8K followers, [----] engagements
"Build Design Tokens & Figma Variables with AI Design tokens and Figma variables arent new.The way we build them is. In this video I walk through the AI-first workflow Im actually using to generate design tokens and wire them into Figma without manually naming or over-engineering everything upfront. 🔗 KEY LINKS 📣 JOIN THE COMMUNITY: https://uicollective.co/ ❓ Why Join UI Collective Academy Get access to premium courses premium downloads and so much more on the way (I am largely building this solo.trying to make design education available for all support goes a long way) Need a design system"
YouTube Link 2026-01-05T14:02Z 38.8K followers, [----] engagements
"Figma Dark Mode Setup: The Ultimate Guide Dark mode isn't just a trendits an essential feature for modern design systems. In this ultimate guide well break down how to create a scalable dark mode in Figma using design tokens and Figma variables. Whether you're a UI/UX designer working at a startup or scaling a Silicon Valley-level design system this guide has you covered LINKS: UI Collective Academy: https://uicollective.co/ NEW - Our Official Design System: https://collectivekit.co/ My UI Collective profile: https://uicollective.co/portfolio/kirkmcneill All Resources:"
YouTube Link 2025-03-19T13:09Z 38.8K followers, 13K engagements
"From Blank Screen to LIVE App in [--] MinutesAI Did ALL the Design In this AI design app tutorial for beginners youll go from blank canvas to finished UI in under [--] minutesno coding no prior AI experience. Well cover the basics of Loveable to get you building AI Apps in no-time ⚡ Want the complete workflow Check out the full AI in Design course for stepbystep guidance and more. The AI Design Class is now included in the UIC Academy: https://uicollective.co/ Join the community: http://uicollective.co/ Purchase our design system: http://collectivekit.co/ Link to Loveable:"
YouTube Link 2025-05-06T23:57Z 38.8K followers, [----] engagements
"Prototyping with Figma Variables - The Ultimate Guide for Beginners Welcome to "Prototyping with Figma Variables - The Ultimate Guide for Beginners" In this comprehensive video we dive deep into the world of prototyping and how variables play a crucial role in the design process. Whether you're a complete novice or looking to enhance your prototyping skills this guide will equip you with the fundamental concepts and practical techniques needed to create effective prototypes using Figma variables Ask your design question: https://uicollective.co/ Our resources:"
YouTube Link 2024-08-05T15:03Z 38.8K followers, [----] engagements
"Stop Gradient Chaos: Enterprise DesignSystem Workflow for Perfect Palettes Stop wasting hours wrestling with inconsistent gradients. In this handson tutorial Ill show you the exact enterprise workflow I use to turn messy oneoff color blends into a scalable gradienttoken system that keeps your design system clean WCAGcompliant and devready. Whether youre designing fintech dashboards B2B SaaS or agency whitelabel products this workflow scales from a single product to a full portfolio of brands no extra plugins or custom code required. 🎓 More advanced designsystem lessons: UI Collective Academy"
YouTube Link 2025-05-26T13:24Z 38.8K followers, [----] engagements
"Let's improve this Figma design Let's take a look at how to improve this card design in @figma #figma #ui #ux #uxdesign #uidesign figma ui ux design ux ui design design design system design system figma figma variables design tokens figma ui ux design ux ui design design design system design system figma figma variables design tokens"
YouTube Link 2024-09-16T12:44Z 38.8K followers, [----] engagements
"Onboarding Step-by-Step UI Tutorial for SaaS Figma App Design Series Unlock the secrets of great signup UX in this step-by-step Figma tutorial. Follow along as we design a clean responsive signup flowfrom blank frame to polished componentusing auto-layout variants and design-system best practices. Perfect for UI/UX designers product designers and anyone leveling-up their mobile-app and SaaS interface skills. Join the community: https://uicollective.co/ NEW - Purchase our official design system: https://collectivekit.co/ 0:00 Introduction 0:28 Signup & Login Form Build 5:42 Form Variants 9:35"
YouTube Link 2025-04-23T13:38Z 38.8K followers, [----] engagements
"Accessible Design in Figma: Beyond the Basics Looking to become an expert UX designer UI Designer Product Designer Then you need to understand what goes into accessible design This video will go beyond the basics of accessible design in Figma. You'll learn advanced techniques and best practices to create truly inclusive user interfaces that cater to diverse needs. GENERAL LINKS NEW - Our Official Design System: https://collectivekit.co/ Ask the community and build a profile: https://uicollective.co/ We build design systems Work with me: https://designsystemlabs.co/ Connect with me on"
YouTube Link 2025-02-03T14:37Z 38.8K followers, 12.6K engagements
"Figma Variables vs Tokens Studio Which to Use in [----] I've been getting a ton of questions lately around if @Figma Variables or @TokensStudio is the better option to be using. So this video is for those torn between the two where we break down which tokens/variables are supported by both. Join the community for free 1:1 slack support and more: https://www.uicollective.co/ Free version of our Design System: https://resources.uicollective.co/checkout/buy/0d356b10-4b05-4198-8ba3-26cd156df89b Our Figma Plugin: https://www.figma.com/community/plugin/1301974711562028600/design-system-tracker UI"
YouTube Link 2024-01-24T14:30Z [----] followers, [----] engagements
"Build Figma Layouts FAST Build a Design System Part [--] Welcome to Episode [--] of our design system series In this Figma tutorial we're taking a deep dive into layout components. We'll walk you through the best practices for designing flexible and adaptable layout components all while staying aligned with your design system principles and leveraging the design tokens we established in the previous episodes. If you missed it be sure to catch Episode [--] for an introduction to setting up your design tokens and Figma variables and Episodes [--] [--] [--] and [--] and [--] where we build other figma components Make"
YouTube Link 2024-11-25T14:40Z 38.8K followers, 15.3K engagements
"Master Figma Tokens & Variables: Ultimate Guide to Advanced Naming and Set Up Unlock the secrets to @Figma token and Figma variable mastery in this tutorial on naming conventions associated with different variable collections and then how to setup these tokens in @TokensStudio and then sync with Figma variables. Build a community profile + join the community: https://www.uicollective.co/ Become UI Collective verified: https://uicollective.co/verified-expert We build design systems: https://designsystemlabs.co/ Resources: https://uicollective.co/designer-tools-and-resources Our Figma Plugin:"
YouTube Link 2023-11-13T17:35Z 17.7K followers, 40.8K engagements
"Create RESPONSIVE Figma Designs Perfect for product design and UX design learn how to create responsive designs in Figma In this tutorial we'll dive into the world of responsive design and show you how to create stunning adaptable designs that look great on any device leveraging a responsive Figma variable collection to mantain consistency. Make sure to like comment and subscribe for more insights on building effective figma techniques Ask UI Collective a question: https://uicollective.co/ We build design systems: https://designsystemlabs.co/ Untitled UI: https://www.untitledui.com/aff=bdzGd"
YouTube Link 2024-12-09T13:41Z 38.8K followers, 11.1K engagements
"Figma Skills to Ace Your Design Interview Mastering Figma is essential for any UX designer UI designer or product designer looking to stand out in the job market. In this video well break down the key Figma skills associated with Design Systems that hiring managers look for in UX design and UI design interviews. Whether you're preparing for your first design job or looking to level up well cover essential techniques used in design systems prototyping and interface design to help you confidently showcase your skills. LINKS: UI Collective Academy: https://uicollective.co/ All Resources:"
YouTube Link 2025-03-04T15:14Z 38.8K followers, [----] engagements
"Build a Figma Design System Part [--] Welcome to Episode [--] of our design system series In this episode we're taking a deep dive into advanced form components. Whether you're a designer or developer mastering the creation and implementation of these components is essential for ensuring consistency and usability across your projects. We'll walk you through the best practices for designing flexible and adaptable form components all while staying aligned with your design system principles and leveraging the design tokens we established in the previous episode. If you missed it be sure to catch"
YouTube Link 2024-09-19T12:48Z 38.8K followers, 19.6K engagements
"Converting Tokens to Figma Variables Learn how to use Figma @TokensStudio to sync your color tokens with variables. Build a community profile + join the community: https://www.uicollective.co/ Become UI Collective verified: https://uicollective.co/verified-expert We build design systems: https://designsystemlabs.co/ Resources: https://uicollective.co/designer-tools-and-resources #figma #uxdesign #uidesign"
YouTube Link 2023-07-29T15:10Z 25.2K followers, [----] engagements
"Figma App Design Series: Layouts Pages & UX Library Setup Welcome to the series where we'll be learning how to design full app layouts in Figma In this video we kick off our Figma App Design Series by walking through how to set up a UX-ready component library - Perfect for designers building scalable systems and polished UI flows Join the community: https://uicollective.co/ NEW - Purchase our official design system: https://collectivekit.co/ Other links: We build design systems: https://designsystemlabs.co/ Component lessons: https://youtu.be/RWobowuQx6o Design Tokens for Dummies:"
YouTube Link 2025-04-16T14:19Z 38.8K followers, [----] engagements
"Figma's NEW Variable Color Palette Generator Whether you're building out your design system tokens and variables or simply building a color palette for your brand @Figma has just released a native color variable generator Explore here: https://www.figma.com/color-wheel/ Build a community profile + join the community: https://www.uicollective.co/ Resource library: https://resources.uicollective.co/ Request a design system audit: https://www.uicollective.co/design-system-audit"
YouTube Link 2023-11-02T01:02Z 13.3K followers, 15K engagements
"Figma Token and Variable Setup: Top Mistakes to Avoid Learn how to avoid common mistakes when configuring variables and tokens in your design projects. Subscribe for our Tokens [---] video coming soon *Jumper variables can also be called adaptive variables Build a community profile + join the community: https://www.uicollective.co/ Resources: https://uicollective.co/designer-tools-and-resources Design System Audits + more: https://designsystemlabs.co/ Advanced library setup: https://www.youtube.com/watchv=QOGJiU8ipA8&t=3s 0:00 An Introduction 0:20 Too many variables 3:16 Improper token"
YouTube Link 2023-10-18T20:02Z 20K followers, 20.1K engagements
"Creating Responsive Breakpoints in Figma Using Variables + Modes Learn how to create responsive elements in Figma using variables + modes. Build a community profile + join the community: https://www.uicollective.co/ Resource library: https://uicollective.co/designer-tools-and-resources Request a design system audit: https://www.uicollective.co/design-system-audit Download the resource here: https://resources.uicollective.co/buy/9b718a87-35eb-48bb-b53f-4c23d0a03ec5 0:00 An Introduction 0:44 Building Responsive Breakpoints"
YouTube Link 2023-07-05T12:04Z 13.4K followers, 33.5K engagements
"Icon Variables + more Master Figma Icons Build your own icon variable library create custom icons swap icon properties and more This is the Figma icon lesson you've been asking for. Build a community profile + join the community: https://www.uicollective.co/ Resource library: https://resources.uicollective.co/ Request a design system audit: https://www.uicollective.co/design-system-audit My favourite icon libraries https://iconists.co/centralaff=bdzGd https://pikaicons.lemonsqueezy.comaff=bdzGd ---- Videos to help further explain token/variable organization Guide to naming + setup:"
YouTube Link 2024-04-15T14:00Z 13.5K followers, [----] engagements
"Figma App Build: Research Prototype (Components & Iteration) In this video Ill take you step by step through my Figma app build workflow starting with competitor research and inspiration using Mobbin then moving into prototyping components and iteration. Youll see exactly how I go from early insights wireframes polished prototype all inside Figma. This process works whether youre building a product for a startup enterprise or just leveling up your workflow. What youll learn: ➡ How to leverage Mobbin to study real user flows & inspiration ➡ Turning research insights into a scalable Figma"
YouTube Link 2025-10-01T13:05Z 38.8K followers, 14.1K engagements
"Organizing Your Design Tasks: A Workflow Breakdown Boost your design workflow with a simple structured approach to stay organized and work more efficiently In this video Ill break it all down and share practical tips to help UX and UI designers manage projects smoothly. Lets dive in 🚀 Join the community and try our productivity tools suite for free: https://uicollective.co/ My UI Collective profile: https://uicollective.co/portfolio/kirkmcneill All Resources: https://uicollective.co/designer-tools-and-resources #uxdesign #uidesign #figma product design ux design ui design ux designer design"
YouTube Link 2025-02-15T15:34Z 38.8K followers, [----] engagements
"Design to Developer Handoff in Figma - Full Tutorial Ship a production-ready Figma to Developer handoff that engineers actually use. This full tutorial covers accessibility annotations reading/focus order landmarks error & loading states AI-generated edge cases and a developer handoff checklist. Plus a plugin demo and mobile considerations. Perfect for design system teams or enterprise UX teams shipping React/Storybook or enterprise apps. What youll learn: ➡ File & component setup that scales for teams ➡ Accessibility annotations: reading order focus order landmarks headings links buttons ➡"
YouTube Link 2025-08-19T12:55Z 38.8K followers, 19.6K engagements
"Design a Banking App in Figma Step by Step Today youll build a complete mobile banking app in Figma from scratch. Well cover competitive research AIgenerated graphics variabledriven design systems and advanced interactive prototyping. By the end youll have a polished case study ready for your portfolio and the exact workflow used by top finance brands to ship secure conversionoptimized experiences. Drop your questions in the comments and subscribe for weekly deep dives on fintech UI/UX design systems and product strategy. Lets level up your skillsand your earning powertogether. LINKS: Join"
YouTube Link 2025-06-10T13:29Z 38.8K followers, 37.6K engagements
"Figma Developer Handoff Masterclass Best Practices & More A guide to the best practices for handing off @Figma designs to developers is finally here Today we're exploring the correct way to annotate your design files organize your design tokens and Figma variables and build mobile optimized components for your design system GENERAL LINKS NEW - Purchase our official design system: https://collectivekit.co/ Ask the community and build a profile: https://uicollective.co/ We build design systems Work with me: https://designsystemlabs.co/ Connect with me on LinkedIn:"
YouTube Link 2025-01-06T14:55Z 38.8K followers, 36.7K engagements
"When to Use Component Level Tokens/Variables in Figma Learn about what is a component-level token/variable and when to use them in the context of our design system. Become UI Collective verified: https://uicollective.co/verified-expert We build design systems: https://designsystemlabs.co/ Resources: https://uicollective.co/designer-tools-and-resources 0:00 An Introduction 0:57 Global Variable vs Component Level Variables 2:42 When to Use Component Level Variables #figma #uxdesign #uidesign"
YouTube Link 2023-08-17T00:52Z 35K followers, 12.7K engagements
"Master Design Tokens - From Basics to Advanced Getting started with design tokens or need a refresher This video walks you through the basics of Figma design tokens and covers advanced topics as well Ask your design question on design systems or variables: https://uicollective.co/ Download template shown: https://resources.uicollective.co/buy/21672c08-ab7a-4f5e-92e4-6b5be9efd1d1 NEW - Purchase our official design system: https://collectivekit.co/ We build design systems: https://designsystemlabs.co/ Resources: https://uicollective.co/designer-tools-and-resources Other vids that will help:"
YouTube Link 2024-06-17T14:14Z 35K followers, 68.1K engagements
"Creating an Advanced Figma Color Variable Library Learn how to build an advanced color library for your design system using Figma's variable functionality. Build a community profile + join the community: https://www.uicollective.co/ NEW - Purchase our official design system: https://collectivekit.co/ We build design systems: https://designsystemlabs.co/ Resources: https://uicollective.co/designer-tools-and-resources Download the resource here: https://resources.uicollective.co/buy/9b718a87-35eb-48bb-b53f-4c23d0a03ec5 0:00 An Introduction 0:59 Mapping Brand Colors 3:40 Mapping Theme Colors"
YouTube Link 2023-06-26T23:46Z 34.1K followers, 89.4K engagements
"Design Token Setup Become a Figma Expert Want to take your design to the next level Learn how to set up semantic design tokens like a pro In this video we'll dive into the world of design tokens and show you how to set them up efficiently making your design process smoother and more scalable. From understanding the importance of semantic design tokens to implementing them in your workflow we've got you covered. Get ready to elevate your design game and join the ranks of professional designers who know the secret to creating consistent and stunning designs. *Please note that this is not the"
YouTube Link 2024-12-17T13:56Z 38.8K followers, 16K engagements
"Tokens Studio vs Figma Variables Stay with Tokens Studio or switch to Figma variables Let's take a deep dive into both and discover which is the best to use for your design system. Build a community profile + join the community: https://www.uicollective.co/ Resources: https://uicollective.co/designer-tools-and-resources Design System Audits + more: https://designsystemlabs.co/ Purchase our Variables naming map: https://resources.uicollective.co/checkout/buy/9b718a87-35eb-48bb-b53f-4c23d0a03ec5 #figma #uxdesign #uidesign"
YouTube Link 2023-06-28T19:25Z 35K followers, 20.7K engagements
"I Tried the New AI Design Tool Everyones Talking About Unlock the real power of the brandnew AI design platform everyones buzzing about. In this deepdive review I stresstest its UI/UX workflow performance on a real page and whether it can actually replace todays top SaaS design stacks. Whether youre a freelance product designer a startup founder looking to ship faster or a SaaS PM chasing higher margins this review shows how to leverage AI to boost productivity and revenue. The AI Design Class is now included in the UIC Academy: https://uicollective.co/ *Purchase the AI Design Class and"
YouTube Link 2025-05-08T13:25Z 38.8K followers, [----] engagements
"Build a GREAT Figma Design System Build a Design System Part [--] Welcome to Episode [--] of our design system series In this episode we're taking a deep dive into building a table component in Figma We'll walk you through the best practices for designing flexible and adaptable table components all while staying aligned with your design system principles and leveraging the design tokens we established in the previous episodes. Make sure to like comment and subscribe for more insights on building effective design systems NEW - Purchase our official design system: https://collectivekit.co/ *Apologies"
YouTube Link 2024-10-22T13:06Z 38.8K followers, [----] engagements
"Master Figma Variables: Set Up a Multi-Brand Design System In this tutorial dive into the world of multi-brand design systems as we guide you through the process of setting up a powerful multi-brand design system using Figma variables with a miniature design system build. *I apologize for some small audio errors early in the video. My mic went astray and I have been unable to edit them out Build a community profile + join the community: https://www.uicollective.co/ NEW - Purchase our official design system: https://collectivekit.co/ We build design systems: https://designsystemlabs.co/"
YouTube Link 2024-02-13T13:44Z 36.6K followers, 20.3K engagements
"Design Tokens Demystified: Boost Your Workflow In this video we will delve into the world of design tokens and how they can significantly enhance your workflow. Learn how to simplify your design process maintain consistency and speed up development with this easy guide to design tokens. Watch now to unlock the power of design tokens and take your design projects to the next level Ask your design question: https://uicollective.co/ Subscribe to UI Collective: https://www.youtube.com/@UICollectiveDesignsub_confirmation=1 Become UI Collective verified: https://uicollective.co/verified-expert We"
YouTube Link 2024-07-22T13:34Z 35K followers, [----] engagements
"Build a Figma Design System Part [--] Welcome to Episode [--] of our design system series In this episode we're taking a deep dive into navigation components. We'll walk you through the best practices for designing flexible and adaptable navigation components all while staying aligned with your design system principles and leveraging the design tokens we established in the previous episodes. If you missed it be sure to catch Episode [--] for an introduction to setting up your design tokens and Figma variables and Episodes [--] & [--] where we build form componentry Make sure to like comment and subscribe"
YouTube Link 2024-10-08T15:06Z 38.8K followers, 14.9K engagements
"My AI Design Process (What Actually Works) This is my real AI + design workflow - how I use AI tools to design faster automate reviews and ship better products. If youre building a SaaS or working on product teams this breaks down what actually works. 🔗 KEY LINKS 📣 JOIN THE COMMUNITY: https://uicollective.co/ FOLLOW ME ON X (new): https://x.com/KirkMDesign Why Join UI Collective Academy Get access to premium courses premium downloads and so much more on the way (I am largely building this solo.trying to make design education available for all support goes a long way) Need a design system"
YouTube Link 2026-02-09T14:00Z 38.8K followers, 11.7K engagements
"Audit Figma Designs in Minutes With AI In this video I show how I audit Figma designs using AI with Cursor & Figma MCP. This is a simple repeatable workflow to catch spacing color and layout issues faster without manually reviewing every frame. If you want a cleaner handoff and fewer missed details this walkthrough shows exactly how I do it. 🔗 KEY LINKS 📣 JOIN THE COMMUNITY: https://uicollective.co/ Why Join UI Collective Academy Get access to premium courses premium downloads and so much more on the way (I am largely building this solo.trying to make design education available for all"
YouTube Link 2026-02-02T13:59Z 38.8K followers, [----] engagements
"AI + Design Systems in 2026: The Workflow I Actually Use In this video I walk through how I use AI to support a real design system in [----]. This is not about AI replacing design work. It's about where AI actually fits in day-to-day design system workflows. I cover the current state of the AI and design systems ecosystem what is worth paying attention to and what is mostly noise. Then I show the workflows I use to support audits documentation governance and quality checks so the system stays maintainable as it scales. If you work with tokens components or multi-brand systems this should give"
YouTube Link 2026-01-26T14:01Z 38.8K followers, 18.2K engagements
"How to Get Hired in UX Design (Case Study Method) In this video I walk through the case study method I actually use: how I approach structure decision-making and storytelling so hiring teams can quickly understand your thinking. This isnt a template or a polished deck. Its about how to frame a UX case study what to focus on and how to avoid common misalignment when presenting your work. If youre applying for UX roles and want your case studies to clearly communicate value this will help you approach them with more confidence and clarity. 🔗 KEY LINKS 📣 JOIN THE COMMUNITY:"
YouTube Link 2026-01-13T14:05Z 38.8K followers, [----] engagements
"Build Design Tokens & Figma Variables with AI Design tokens and Figma variables arent new.The way we build them is. In this video I walk through the AI-first workflow Im actually using to generate design tokens and wire them into Figma without manually naming or over-engineering everything upfront. 🔗 KEY LINKS 📣 JOIN THE COMMUNITY: https://uicollective.co/ ❓ Why Join UI Collective Academy Get access to premium courses premium downloads and so much more on the way (I am largely building this solo.trying to make design education available for all support goes a long way) Need a design system"
YouTube Link 2026-01-05T14:02Z 38.8K followers, [----] engagements
"AI Built My Design System Docs Site (Figma MCP + Cursor) In this video I break down the full workflow using Figma MCP Cursor and AI-powered automation to generate a design system docs site from scratch including structure components accessibility usage guidelines and production-ready documentation. Designers are expected to produce documentation that supports product engineering and accessibility. Most struggle because it's time-consuming and unclear where to start. This workflow gives you a repeatable AI-powered system you can bring into tools like ZeroHeight or Supernova. 🔗 KEY LINKS 📣"
YouTube Link 2025-12-09T13:51Z 38.8K followers, [----] engagements
"Figma MCP Setup: Cursor & Windsurf (Complete Guide) This video gives you a quick no-nonsense way to connect MCP with Figma and your code tools. Its built to be set up once and reused forever. If your work lives in Figma and you want a better bridge between design and code treat this as your starting reference. *This is also part one of all our vibe-code content upcoming. Will be unique for designers. Just did not want to keep setting up MCP at the start of every future video. 🔗 KEY LINKS 📣 JOIN THE COMMUNITY: https://uicollective.co/ VIBE CODE DESIGN SYSTEM COMPONENTS:"
YouTube Link 2025-12-01T13:55Z 38.8K followers, [----] engagements
"Figma MCP + Cursor: The New AI Design System Workflow 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 connects your design system in Figma to a real project in Cursor generates components updates tokens and keeps everything in sync. It is a practical setup you can use to speed up handoff reduce manual work and build cleaner UI with less effort. 🔗 KEY LINKS 📣 JOIN THE COMMUNITY: https://uicollective.co/ ❓ Why Join UI Collective Academy Get access to premium courses premium downloads and so much more on the way (I"
YouTube Link 2025-11-25T14:00Z 38.8K followers, 62.4K engagements
"Figma Responsive Design: How Enterprise Teams Actually Do It Learn the fastest method to create fully responsive designs in Figma. In this step-by-step tutorial I show you the exact workflow professional product designers use to scale UI layouts across any screen size using our Figma Variables. This video will help you build responsive systems speed up your design workflow and work more efficiently with development teams. Whether you're a UI/UX designer product designer or building your first web app this tutorial covers a modern responsive process used across SaaS companies enterprise design"
YouTube Link 2025-11-24T13:52Z 38.8K followers, [----] engagements
"Master Figma Variables: From Prototyping to Design Systems Unlock the full potential of Figma variables and take your design workflow from simple prototyping to full-fledged production-ready design systems. In this step-by-step session youll learn how to: ➡ Define all the different types of Figma variables ➡ Use variables within prototyping to rapidly iterate interactive flows ➡ How to swap variants using variables ➡ Define and manage variables for creating scaleable design systems ➡ Best practices to structure your variables maintain them over time and avoid common pitfalls designers face If"
YouTube Link 2025-11-11T13:47Z 38.8K followers, 10.8K engagements
"Your Figma Drop Shadows Look Cheap (Fix This in [--] Minutes) Learn how to make your Figma drop shadows look real and less bulky. In this 2-minute tutorial Ill show you the exact strategy I use as a former fortune [---] UX Designer to create professional production-ready designs. Perfect for UI and product designers who want cleaner visuals in less time. 👉 Subscribe for more Figma tutorials design system tips and full courses 📣 Join the Community: https://uicollective.co/ ❓ Why Join UI Collective Academy Get access to premium courses premium downloads and so much more on the way (I am largely"
YouTube Link 2025-10-28T12:24Z 38.8K followers, [----] engagements
"Multi-Brand Design System and Figma Variable Setup Full Tutorial Managing multiple brands in one design system is about structure and clarity not duplication. In this video I walk through how to set up a scalable multi-brand design system in Figma using variables tokens and theming strategies that work across different products and teams. Youll learn: ➡ The different types of multi-brand design systems ➡ Where most designers go wrong in their design token setup ➡ How to handle more complex design systems involving brands with entirely different colors ➡ Avoid common mistakes that slow down"
YouTube Link 2025-10-20T13:03Z 38.8K followers, 11.1K engagements
"Figma App Build: Research Prototype (Components & Iteration) In this video Ill take you step by step through my Figma app build workflow starting with competitor research and inspiration using Mobbin then moving into prototyping components and iteration. Youll see exactly how I go from early insights wireframes polished prototype all inside Figma. This process works whether youre building a product for a startup enterprise or just leveling up your workflow. What youll learn: ➡ How to leverage Mobbin to study real user flows & inspiration ➡ Turning research insights into a scalable Figma"
YouTube Link 2025-10-01T13:05Z 38.8K followers, 14.1K engagements
"Build a Design System - Full Course Learn how to build a complete Figma design system from scratch in this full course. Whether youre a beginner or an experienced designer this step-by-step guide covers everything you need; from variables tokens and auto layout to advanced component structures documentation and scaling your system for enterprise teams. This is not just theory.its hands-on practical and rooted in real design system workflows. Perfect for UI/UX designers product designers and anyone building with Figma who wants to level up their skills. 👉 Subscribe for more Figma tutorials"
YouTube Link 2025-09-08T12:58Z 38.8K followers, 108.4K engagements
"Design to Developer Handoff in Figma - Full Tutorial Ship a production-ready Figma to Developer handoff that engineers actually use. This full tutorial covers accessibility annotations reading/focus order landmarks error & loading states AI-generated edge cases and a developer handoff checklist. Plus a plugin demo and mobile considerations. Perfect for design system teams or enterprise UX teams shipping React/Storybook or enterprise apps. What youll learn: ➡ File & component setup that scales for teams ➡ Accessibility annotations: reading order focus order landmarks headings links buttons ➡"
YouTube Link 2025-08-19T12:55Z 38.8K followers, 19.6K engagements
"Design System & Figma Variable Set Up - Full Tutorial If youre building an enterprisegrade design system or trying to keep a fast-growing product consistent this video walks through a complete Figma Variables setupcollections modes naming tokens and the workflows that keep teams sane at scale. What youll learn: ➡ How to structure color type spacing and mapped tokens with Figma Variables ➡ Mapping variables to components themes and states without chaos ➡ Governance tips for large teams ➡ Accessibility + compliance considerations (WCAG dark mode contrast) ➡ Real-world pitfalls I see inside"
YouTube Link 2025-07-28T13:08Z 38.8K followers, 75.3K engagements
"Build a Design System in [--] Hour Using Figma (Challenge) Challenge accepted. In this live time-boxed build I start from a blank Figma canvas and ship a production-ready design system in just one hour. Whether youre a solo designer part of an enterprise UX team or leveling up your portfolio youll walk away with repeatable tactics to accelerate any product build. Resources mentioned ➡ UI Collective Community (NEW EXPERIENCE) https://uicollective.co ➡ The Academy: https://uicollective.co/academy ➡ Take 15% Off Academy (VALID [--] HOURS ONLY - expiring July 9th) with code: JULY8 ➡ Watch the token"
YouTube Link 2025-07-08T13:01Z 38.8K followers, [----] engagements
"Design a Banking App in Figma Step by Step Today youll build a complete mobile banking app in Figma from scratch. Well cover competitive research AIgenerated graphics variabledriven design systems and advanced interactive prototyping. By the end youll have a polished case study ready for your portfolio and the exact workflow used by top finance brands to ship secure conversionoptimized experiences. Drop your questions in the comments and subscribe for weekly deep dives on fintech UI/UX design systems and product strategy. Lets level up your skillsand your earning powertogether. LINKS: Join"
YouTube Link 2025-06-10T13:29Z 38.8K followers, 37.6K engagements
"Stop Gradient Chaos: Enterprise DesignSystem Workflow for Perfect Palettes Stop wasting hours wrestling with inconsistent gradients. In this handson tutorial Ill show you the exact enterprise workflow I use to turn messy oneoff color blends into a scalable gradienttoken system that keeps your design system clean WCAGcompliant and devready. Whether youre designing fintech dashboards B2B SaaS or agency whitelabel products this workflow scales from a single product to a full portfolio of brands no extra plugins or custom code required. 🎓 More advanced designsystem lessons: UI Collective Academy"
YouTube Link 2025-05-26T13:24Z 38.8K followers, [----] engagements
"I Tried the New AI Design Tool Everyones Talking About Unlock the real power of the brandnew AI design platform everyones buzzing about. In this deepdive review I stresstest its UI/UX workflow performance on a real page and whether it can actually replace todays top SaaS design stacks. Whether youre a freelance product designer a startup founder looking to ship faster or a SaaS PM chasing higher margins this review shows how to leverage AI to boost productivity and revenue. The AI Design Class is now included in the UIC Academy: https://uicollective.co/ *Purchase the AI Design Class and"
YouTube Link 2025-05-08T13:25Z 38.8K followers, [----] engagements
"From Blank Screen to LIVE App in [--] MinutesAI Did ALL the Design In this AI design app tutorial for beginners youll go from blank canvas to finished UI in under [--] minutesno coding no prior AI experience. Well cover the basics of Loveable to get you building AI Apps in no-time ⚡ Want the complete workflow Check out the full AI in Design course for stepbystep guidance and more. The AI Design Class is now included in the UIC Academy: https://uicollective.co/ Join the community: http://uicollective.co/ Purchase our design system: http://collectivekit.co/ Link to Loveable:"
YouTube Link 2025-05-06T23:57Z 38.8K followers, [----] engagements
"Onboarding Step-by-Step UI Tutorial for SaaS Figma App Design Series Unlock the secrets of great signup UX in this step-by-step Figma tutorial. Follow along as we design a clean responsive signup flowfrom blank frame to polished componentusing auto-layout variants and design-system best practices. Perfect for UI/UX designers product designers and anyone leveling-up their mobile-app and SaaS interface skills. Join the community: https://uicollective.co/ NEW - Purchase our official design system: https://collectivekit.co/ 0:00 Introduction 0:28 Signup & Login Form Build 5:42 Form Variants 9:35"
YouTube Link 2025-04-23T13:38Z 38.8K followers, [----] engagements
"Figma App Design Series: Layouts Pages & UX Library Setup Welcome to the series where we'll be learning how to design full app layouts in Figma In this video we kick off our Figma App Design Series by walking through how to set up a UX-ready component library - Perfect for designers building scalable systems and polished UI flows Join the community: https://uicollective.co/ NEW - Purchase our official design system: https://collectivekit.co/ Other links: We build design systems: https://designsystemlabs.co/ Component lessons: https://youtu.be/RWobowuQx6o Design Tokens for Dummies:"
YouTube Link 2025-04-16T14:19Z 38.8K followers, [----] engagements
"Figma Dark Mode Setup: The Ultimate Guide Dark mode isn't just a trendits an essential feature for modern design systems. In this ultimate guide well break down how to create a scalable dark mode in Figma using design tokens and Figma variables. Whether you're a UI/UX designer working at a startup or scaling a Silicon Valley-level design system this guide has you covered LINKS: UI Collective Academy: https://uicollective.co/ NEW - Our Official Design System: https://collectivekit.co/ My UI Collective profile: https://uicollective.co/portfolio/kirkmcneill All Resources:"
YouTube Link 2025-03-19T13:09Z 38.8K followers, 13K engagements
"Figma Skills to Ace Your Design Interview Mastering Figma is essential for any UX designer UI designer or product designer looking to stand out in the job market. In this video well break down the key Figma skills associated with Design Systems that hiring managers look for in UX design and UI design interviews. Whether you're preparing for your first design job or looking to level up well cover essential techniques used in design systems prototyping and interface design to help you confidently showcase your skills. LINKS: UI Collective Academy: https://uicollective.co/ All Resources:"
YouTube Link 2025-03-04T15:14Z 38.8K followers, [----] engagements
"Design System Best Practices for Mobile 🚀 Why You DONT Need a Mobile Design System If you work in UX design UI design or product design you might think you need a separate mobile design systembut thats not always the case. In this video well break down why maintaining a standalone mobile design system can be unnecessary and how you can use Figma to create a scalable efficient design system that works across both mobile and desktop without the extra complexity. LINKS: NEW - Our official design system: https://collectivekit.co/ UI Collective Academy: https://uicollective.co/ All Resources:"
YouTube Link 2025-02-18T13:57Z 38.8K followers, 13.6K engagements
"Design Tokens for Dummies A Complete Guide Want to streamline your UX design UI design and Product design workflow Design tokens are the key to building scalable consistent designs across products and teams. In this video well break down: ✅ What are design tokens (Explained simply) ✅ The different types of tokens you need (Colors typography spacing & more) ✅ How to set up design tokens in Figma for a smooth workflow Whether you're a beginner or looking to refine your design system this guide will help you master design tokens with ease LINKS: UI Collective Academy: https://uicollective.co/"
YouTube Link 2025-02-17T14:02Z 38.8K followers, 28.5K engagements
"Organizing Your Design Tasks: A Workflow Breakdown Boost your design workflow with a simple structured approach to stay organized and work more efficiently In this video Ill break it all down and share practical tips to help UX and UI designers manage projects smoothly. Lets dive in 🚀 Join the community and try our productivity tools suite for free: https://uicollective.co/ My UI Collective profile: https://uicollective.co/portfolio/kirkmcneill All Resources: https://uicollective.co/designer-tools-and-resources #uxdesign #uidesign #figma product design ux design ui design ux designer design"
YouTube Link 2025-02-15T15:34Z 38.8K followers, [----] engagements
"Accessible Design in Figma: Beyond the Basics Looking to become an expert UX designer UI Designer Product Designer Then you need to understand what goes into accessible design This video will go beyond the basics of accessible design in Figma. You'll learn advanced techniques and best practices to create truly inclusive user interfaces that cater to diverse needs. GENERAL LINKS NEW - Our Official Design System: https://collectivekit.co/ Ask the community and build a profile: https://uicollective.co/ We build design systems Work with me: https://designsystemlabs.co/ Connect with me on"
YouTube Link 2025-02-03T14:37Z 38.8K followers, 12.6K engagements
"Design Thinking is OUT Experience Thinking is IN - A UI Collective Event Is Design Thinking outdated 🤔 In this UI Collective event with our partners at Akendi we dive into the emerging trend of Experience Thinkinga fresh approach to crafting meaningful user-first designs. Discover how this methodology shifts focus from processes to end-to-end experiences and why its gaining traction in the design world. Whether you're a UX designer product manager or just curious about the future of design this session is packed with insights you don't want to miss. 🚀 Subscribe for more events tips and"
YouTube Link 2025-01-29T14:33Z 38.8K followers, [----] engagements
"Figma Sidebar Build: Power User Tips & Tricks The Figma sidebar component is a powerful tool for streamlining your design portfolio or design system. Using Figma variables and basic UI design principles we're going to build a sidebar that looks and works great in a prototype Ultimatley this video will explore hidden tips and tricks for maximizing its functionality making you more efficient and a more impressive designer. GENERAL LINKS NEW - Our Official Design System: https://collectivekit.co/ Ask the community and build a profile: https://uicollective.co/ Work with me:"
YouTube Link 2025-01-22T14:12Z 38.8K followers, 12.9K engagements
"Figma Developer Handoff Masterclass Best Practices & More A guide to the best practices for handing off @Figma designs to developers is finally here Today we're exploring the correct way to annotate your design files organize your design tokens and Figma variables and build mobile optimized components for your design system GENERAL LINKS NEW - Purchase our official design system: https://collectivekit.co/ Ask the community and build a profile: https://uicollective.co/ We build design systems Work with me: https://designsystemlabs.co/ Connect with me on LinkedIn:"
YouTube Link 2025-01-06T14:55Z 38.8K followers, 36.7K engagements
"Design Token Setup Become a Figma Expert Want to take your design to the next level Learn how to set up semantic design tokens like a pro In this video we'll dive into the world of design tokens and show you how to set them up efficiently making your design process smoother and more scalable. From understanding the importance of semantic design tokens to implementing them in your workflow we've got you covered. Get ready to elevate your design game and join the ranks of professional designers who know the secret to creating consistent and stunning designs. *Please note that this is not the"
YouTube Link 2024-12-17T13:56Z 38.8K followers, 16K engagements
"Create RESPONSIVE Figma Designs Perfect for product design and UX design learn how to create responsive designs in Figma In this tutorial we'll dive into the world of responsive design and show you how to create stunning adaptable designs that look great on any device leveraging a responsive Figma variable collection to mantain consistency. Make sure to like comment and subscribe for more insights on building effective figma techniques Ask UI Collective a question: https://uicollective.co/ We build design systems: https://designsystemlabs.co/ Untitled UI: https://www.untitledui.com/aff=bdzGd"
YouTube Link 2024-12-09T13:41Z 38.8K followers, 11.1K engagements
"Build Figma Layouts FAST Build a Design System Part [--] Welcome to Episode [--] of our design system series In this Figma tutorial we're taking a deep dive into layout components. We'll walk you through the best practices for designing flexible and adaptable layout components all while staying aligned with your design system principles and leveraging the design tokens we established in the previous episodes. If you missed it be sure to catch Episode [--] for an introduction to setting up your design tokens and Figma variables and Episodes [--] [--] [--] and [--] and [--] where we build other figma components Make"
YouTube Link 2024-11-25T14:40Z 38.8K followers, 15.3K engagements
"Build a Figma Design System Part [--] Welcome to Episode [--] of our design system series In this episode we're taking a deep dive into data display components. We'll walk you through the best practices for designing flexible and adaptable navigation components all while staying aligned with your design system principles and leveraging the design tokens we established in the previous episodes. If you missed it be sure to catch Episode [--] for an introduction to setting up your design tokens and Figma variables and Episodes [--] [--] [--] and [--] where we build form componentry Make sure to like comment and"
YouTube Link 2024-11-11T13:42Z 38.8K followers, 13.4K engagements
"Build a GREAT Figma Design System Build a Design System Part [--] Welcome to Episode [--] of our design system series In this episode we're taking a deep dive into building a table component in Figma We'll walk you through the best practices for designing flexible and adaptable table components all while staying aligned with your design system principles and leveraging the design tokens we established in the previous episodes. Make sure to like comment and subscribe for more insights on building effective design systems NEW - Purchase our official design system: https://collectivekit.co/ *Apologies"
YouTube Link 2024-10-22T13:06Z 38.8K followers, [----] engagements
"Build a Figma Design System Part [--] Welcome to Episode [--] of our design system series In this episode we're taking a deep dive into navigation components. We'll walk you through the best practices for designing flexible and adaptable navigation components all while staying aligned with your design system principles and leveraging the design tokens we established in the previous episodes. If you missed it be sure to catch Episode [--] for an introduction to setting up your design tokens and Figma variables and Episodes [--] & [--] where we build form componentry Make sure to like comment and subscribe"
YouTube Link 2024-10-08T15:06Z 38.8K followers, 14.9K engagements
"Build a Figma Design System Part [--] Welcome to Episode [--] of our design system series In this episode we're taking a deep dive into advanced form components. Whether you're a designer or developer mastering the creation and implementation of these components is essential for ensuring consistency and usability across your projects. We'll walk you through the best practices for designing flexible and adaptable form components all while staying aligned with your design system principles and leveraging the design tokens we established in the previous episode. If you missed it be sure to catch"
YouTube Link 2024-09-19T12:48Z 38.8K followers, 19.6K engagements
"Let's improve this Figma design Let's take a look at how to improve this card design in @figma #figma #ui #ux #uxdesign #uidesign figma ui ux design ux ui design design design system design system figma figma variables design tokens figma ui ux design ux ui design design design system design system figma figma variables design tokens"
YouTube Link 2024-09-16T12:44Z 38.8K followers, [----] engagements
"Can #design certificates help you get hired in #uxdesign google ux ux design web development ux design course ui design ui ui ux design google design google ux design certificate review google coursera ux design google ux ux design web development ux design course ui design ui ui ux design google design google ux design certificate review google coursera ux design"
YouTube Link 2024-09-15T21:15Z 38.8K followers, [---] engagements
"Help Caro choose the right landing page design #uxdesign #ui #ux #uidesign #figma #tech #design ux design ui figma design ui ux design design feedback canva ux design ui figma design ui ux design design feedback canva"
YouTube Link 2024-09-14T14:34Z 38.8K followers, [---] engagements
"Interviewing for a #uxdesign job with no experience Watch this Here's a tip on navigating UX interviews without any experience Ask your design question on uicollective.co ux design ux ux designer ui design ux interview ux interview questions ux design ux ux designer ui design ux interview ux interview questions"
YouTube Link 2024-09-13T19:20Z 38.8K followers, [---] engagements
"Which dashboard format would you choose #figma #uxdesign Tell us what dashboard you would use for a finance app Ask any design question on uicollective.co"
YouTube Link 2024-09-13T12:08Z 38.8K followers, [----] engagements
"How to tell what app features should you be prioritizing first #figma #uxdesign #uidesign Designing a new platform and not sure which features to prioritize Here's what to do next. ux design ux designer ui design ui designer figma ux design ux designer ui design ui designer figma"
YouTube Link 2024-09-12T22:06Z 38.8K followers, [---] engagements
"Build a Design System Ep. 2: Basic Form Components Welcome to Episode [--] of our series on building a design system In this video we dive into the essential building blocks of any effective design system: basic form components. Whether you're a designer or a developer understanding how to create and implement these components is crucial for maintaining consistency and usability across your projects. Join us as we break down the best practices for designing versatile form components and building a figma design system that can easily adapt to different contexts all while adhering to the"
YouTube Link 2024-09-05T13:44Z 38.8K followers, 63.7K engagements
"Build a Design System Ep. 1: Figma Tokens & Variables Setup Welcome to Episode [--] of "Building a Design System" In this introductory episode we dive into setting up your figma variables & design tokens to prepare for building your design system components. Together we'll explore each of the different brand alias and mapped collections for your variables and tokens but also look at a new approach leveraging a responsive collection. In the next video we'll get into the component building UI Collective Academy + Community: https://uicollective.co/ NEW - Purchase our official design system:"
YouTube Link 2024-08-22T14:20Z 38.8K followers, 249.4K engagements
"Prototyping with Figma Variables - The Ultimate Guide for Beginners Welcome to "Prototyping with Figma Variables - The Ultimate Guide for Beginners" In this comprehensive video we dive deep into the world of prototyping and how variables play a crucial role in the design process. Whether you're a complete novice or looking to enhance your prototyping skills this guide will equip you with the fundamental concepts and practical techniques needed to create effective prototypes using Figma variables Ask your design question: https://uicollective.co/ Our resources:"
YouTube Link 2024-08-05T15:03Z 38.8K followers, [----] engagements
"3 #Figma shortcuts to save you time Here are three @Figma shortcuts that will save you time as a designer Want more Figma quick tips Drop a sub #figmadesign #figma #productdesign #uxdesign #ux #ui #uidesign #figmatutorial figma design figma tutorial figma ux design ui design figma variables figma ai figma design figma tutorial figma ux design ui design figma variables figma ai"
YouTube Link 2024-08-02T14:11Z 38.8K followers, [----] engagements
"⛔ Figma's AI Feature Removed Get the Scoop 🤯✨ 🚨 Big news for designers Figma has removed its build with AI features showcased at Config [----]. Find out why and what this means for your design process #Figma #FigmaAI #AIFeatures #TechNews #DesignTools #DesignCommunity #ProductDesign #UXDesign #UIDesign #TechUpdate #DesignTrends #TechTalk #AIUpdate #DesignLife #DesignTips #ProductDesign #UXDesign #designer #uxdesign #productdesigner #tech #designer #aidesign #ai figma config figmatips ai design figma updates [----] figma update figma ai figma ai design figma ai plugin config [----] config figma"
YouTube Link 2024-07-25T23:08Z 38.8K followers, [----] engagements
Limited data mode. Full metrics available with subscription: lunarcrush.com/pricing
/creator/youtube::uicollectivedesign