I want to learn about everything Path
Shape
Shape
Color in UI

How To Build a Tailwind-Ready Color System in Figma (That Developers Love!)

This is my comprehensive tutorial on how to create a color system from scratch using Tailwind, Styles and Variables in Figma (that developers won't hate)!

 Elizabeth Alli •

Recent Articles
AI Design

I Asked Google to Design Me An App UI and It Did - Google Stitch First Look 👀

 Elizabeth Alli •
Mindful Design

Designing Through Uncertainty

 Elizabeth Alli •

The 14 Types of Onboarding UX/UI Used by Top Apps (and How to Copy Them!)

 Elizabeth Alli •

Editor Picks
Design Inspiration

The Best Collections of Real UX/UI Design Patterns

 DesignerUp •
Designer Tools

Text Prompt to UI Design is Here and it's Amazing! (and Terrifying)

 Elizabeth Alli •
Product Design

Web Designer vs Product Designer: Major Differences You Should Know About

 DesignerUp •
Case Study

10 Exceptional Product Design Portfolios with Case Study Breakdowns

 DesignerUp •

Mindful Design and Interaction

View All
Mindful Design

Designing Through Uncertainty

 Elizabeth Alli •
Mindful Design

10 Ways to 10X Your Productivity with Less Stress

 DesignerUp •
Design Careers

Product Designer Work From Home Setup - Workspace + Desk Tour

 Elizabeth Alli •
Mindful Design

The Most Powerful UX Skill

 Elizabeth Alli •

Student Success Stories

View All
Student Success

Student Success Story: Jinyan (Patricia) Shen: From sustainable fashion designer to product designer

 DesignerUp •
Student Success

Student Success Story: Keiko Okura from Business Administrator to UI/UX Designer

 DesignerUp •
Student Success

Student Success Story: Priscila Quijada from Dentist to UI/UX Designer

 DesignerUp •
Student Success

Student Success Story: Rohit Singh from Engineer to Product Designer

 DesignerUp •

Product Design

View All
Case Study

How to Design and Build a Real Working Mobile App in 48 hrs. (Using Figma AI + No Code)

 Elizabeth Alli •
Human-Centered Design

What you don't know about product-market fit, is hurting you as a UX/UI Designer

 DesignerUp •
Development

The Magic of Adding UX/UI to Your Developer Skills

 DesignerUp •
Product Design

How To Choose an Online UX/UI Bootcamp or Course That's Right For You

 DesignerUp •

Join 50,000+ Designers

The best design resources delivered to your inbox weekly

    UI/UX Design

    View All
    Design Inspiration

    I studied the UX/UI of over 200 onboarding flows - here’s everything I learned

     Elizabeth Alli •
    Figma

    Figma’s First Draft AI Feature is NOT what you think

     DesignerUp •
    UI/UX Design

    Real Devices, Real Data: Exploring Dynamic Prototyping and UX Design with ProtoPie

     DesignerUp •
    Development

    The Magic of Adding UX/UI to Your Developer Skills

     DesignerUp •

    Podcasts

    View All
    Design Careers

    Podcast Ep. 5: Building the Entrepreneur with Andrew Hutton

     Elizabeth Alli •
    Mindful Design

    Podcast Ep #4: Social Dilemma as an Inner Dilemma Featuring Jeremy Navarro of DormOps

     Elizabeth Alli •
    Podcast

    Podcast Ep #2: The Practice of Empathy in UX

     Elizabeth Alli •
    Podcast

    Podcast Ep #1: Mental health stigmas and finding a balance between our digital and mental space

     Elizabeth Alli •

    Watch Me Work Wednesday

    View All
    Designer Tools

    Speed up your UX remote interviews with Typestudio

     DesignerUp •
    Typography

    Master Typography for Free with Google Fonts Knowledge

     DesignerUp •
    Watch Me Work Wednesday

    UI Design: Remove the background from any photo or image

     DesignerUp •
    Color Palette

    Generating Colors for Your UI Designs

     Elizabeth Alli •

    Design Careers

    View All
    Design Careers

    Graphic Design to UX/UX: A Comprehensive Guide to Transitioning

     DesignerUp •
    Product Design

    Web Designer vs Product Designer: Major Differences You Should Know About

     DesignerUp •
    Case Study

    Getting Into UX/UI Design Through WordPress Open Source Projects

     DesignerUp •
    Case Study

    6 Best UX Case Study Generators (and how to use them)

     DesignerUp •

    Design Inspiration

    View All
    Mindful Design

    Designing Through Uncertainty

     Elizabeth Alli •
    Design Inspiration

    I studied the UX/UI of over 200 onboarding flows - here’s everything I learned

     Elizabeth Alli •
    Figma

    Figma Tutorial: Designing the Hottest Hero Trends of 2024

     DesignerUp •
    Design Inspiration

    Incredible Web Design Inspiration Galleries | 2024 Trends

     DesignerUp •

    All Posts
    Color in UI

    How To Build a Tailwind-Ready Color System in Figma (That Developers Love!)

     Elizabeth Alli •
    AI Design

    I Asked Google to Design Me An App UI and It Did - Google Stitch First Look 👀

     Elizabeth Alli •
    Mindful Design

    Designing Through Uncertainty

     Elizabeth Alli •

    The 14 Types of Onboarding UX/UI Used by Top Apps (and How to Copy Them!)

     Elizabeth Alli •
    Design Inspiration

    I studied the UX/UI of over 200 onboarding flows - here’s everything I learned

     Elizabeth Alli •
    Component Design

    How to Cheat at UI Design

     Elizabeth Alli •
    Design Systems

    7 Hottest Animated UI Component Libraries of 2025 - Copy and Paste

     DesignerUp •
    Figma

    Figma’s First Draft AI Feature is NOT what you think

     DesignerUp •
    Case Study

    How to Design and Build a Real Working Mobile App in 48 hrs. (Using Figma AI + No Code)

     Elizabeth Alli •
    Human-Centered Design

    What you don't know about product-market fit, is hurting you as a UX/UI Designer

     DesignerUp •

    Master Design System Creation with These Amazing Resources

     DesignerUp •
    Designer Tools

    The Complete Guide to UI Animations, Micro-Interactions and Tools

     DesignerUp •

    Should You Use Responsive or Adaptive Design?

     DesignerUp •
    Figma

    Figma Tutorial: Designing the Hottest Hero Trends of 2024

     DesignerUp •
    Design Inspiration

    Incredible Web Design Inspiration Galleries | 2024 Trends

     DesignerUp •
    Design Inspiration

    2024 Design Trends | 5 Must Try Hero Layouts

     DesignerUp •
    UI/UX Design

    Real Devices, Real Data: Exploring Dynamic Prototyping and UX Design with ProtoPie

     DesignerUp •
    Designer Tools

    The Best Black Friday and Cyber Monday Deals 2024 for Designers and Developers

     DesignerUp •
    UX Research

    AI has taken over FigJam - and it's helping me do UX research

     Elizabeth Alli •
    Color Harmony

    How To Pick Matching Color Palettes Every Time (No Plugins or Color Generators)

     DesignerUp •
    Development

    The Magic of Adding UX/UI to Your Developer Skills

     DesignerUp •
    Product Design

    How To Choose an Online UX/UI Bootcamp or Course That's Right For You

     DesignerUp •

    6 Powerful Time Management Techniques for Product Designers

     DesignerUp •

    6.5 of The Most Popular UI Design Trends and Styles Explained

     DesignerUp •
    Figma

    How To Add a Simple To-Do List or Checklist For Your Project Inside of Figma

     DesignerUp •
    Design Inspiration

    The Best Collections of Real UX/UI Design Patterns

     DesignerUp •

    Next-Level Prototyping, Animations and Interaction Design with Figma and ProtoPie

     DesignerUp •
    Designer Tools

    Text Prompt to UI Design is Here and it's Amazing! (and Terrifying)

     Elizabeth Alli •
    Design Careers

    Graphic Design to UX/UX: A Comprehensive Guide to Transitioning

     DesignerUp •
    Mindful Design

    10 Ways to 10X Your Productivity with Less Stress

     DesignerUp •
    Case Study

    Contributing to Open Source for Designers | Complete Guide

     DesignerUp •
    Designer Tools

    5 Powerful Ways to Collaborate and Chat in Figma

     DesignerUp •

    5 Reasons To Choose a Niche When Transitioning to UX/UI Design

     DesignerUp •
    Designer Tools

    Best Black Friday Deals for UI/UX and Product Designers 2022

     DesignerUp •
    Product Design

    Web Designer vs Product Designer: Major Differences You Should Know About

     DesignerUp •

    How to Use Canva to Build a Responsive Website (For Free!)

     DesignerUp •

    Canva's New Visual Worksuite: For Web Design, UX/UI and Prototyping

     DesignerUp •
    Designer Tools

    Adobe Figma Buyout: 9 Amazing Figma Alternatives Worth Knowing About

     DesignerUp •
    Notion

    How to Create a Design System in Notion That Works For You

     DesignerUp •
    Case Study

    Getting Into UX/UI Design Through WordPress Open Source Projects

     DesignerUp •
    Notion

    Embed Interactive Figma Prototypes and Files into Notion (No plugins needed!)

     DesignerUp •
    Case Study

    6 Best UX Case Study Generators (and how to use them)

     DesignerUp •
    Designer Tools

    How to add Custom Notion Icons and Emojis

     DesignerUp •
    Design Careers

    Design Hiring Cycles: Best Time of Year to Apply for UX, UI and Product Design Jobs

     DesignerUp •
    Design Careers

    7 things you do (and don't) need to know to become a UX/UX or Product Designer

     Elizabeth Alli •
    Designer Tools

    6 Magical Figma Plugins For Designing Landing Pages

     DesignerUp •
    Design Careers

    Crafting the Perfect Linked Profile for UX/UI/Product Designers

     DesignerUp •
    Case Study

    10 Exceptional Product Design Portfolios with Case Study Breakdowns

     DesignerUp •

    What to know if you're thinking about getting into UX/UI or Product Design

     DesignerUp •
    Design Inspiration

    Most Influential Product Design UI and UX Blogs to Learn From

     DesignerUp •
    Design Inspiration

    Bingeworthy TV Shows About Tech Startups You Can't Miss

     DesignerUp •
    News

    ADPList + DesignerUp Partner to Promote the Power of Design Education and Mentorship

     DesignerUp •
    UI/UX Design

    6 Eye-Opening Documentaries for UX/UI and Product Designers (that you can watch on Netflix right now)

     DesignerUp •
    UI/UX Design

    Drastically Improve Your UI Designs With This Technique

     DesignerUp •
    Figma

    5 Free Figma UI Kits to Jump Start Your Designs

     DesignerUp •
    Design Careers

    Product Designer Work From Home Setup - Workspace + Desk Tour

     Elizabeth Alli •
    Mindful Design

    The Most Powerful UX Skill

     Elizabeth Alli •
    UI/UX Design

    5 Things That Make Users Actually Enjoy Your Products (and make you a better UI/UX designer)

     DesignerUp •
    Product Design

    Incredibly Insightful Podcasts For UX and Product Designers

     DesignerUp •
    Designer Tools

    Speed up your UX remote interviews with Typestudio

     DesignerUp •
    Designer Tools

    Must Join Slack Communities for UX, UI and Product Designers

     DesignerUp •
    Design Careers

    An Entire Year of UX: 2021 Breakdown

     DesignerUp •
    Mindful Design

    Mental health apps for UX designers: Self-care for burn-out, anxiety and imposter syndrome

     DesignerUp •
    Typography

    Master Typography for Free with Google Fonts Knowledge

     DesignerUp •
    UI/UX Design

    6 Stages of UI Design and What's Involved

     DesignerUp •
    Designer Tools

    Google Search Hacks for UI/UX and Product Designers

     DesignerUp •

    Amazing Female UX YouTubers to Follow

     DesignerUp •
    UI/UX Design

    Elementor: The No-Code Way to Build a Portfolio with WordPress

     DesignerUp •
    Designer Tools

    Essential Tools for Product Designers (And How to Use Them)

     DesignerUp •
    Mindful Design

    Responding to difficult people as a UX or Product Designer

     Elizabeth Alli •
    Design Careers

    Is a Career in UX and Product Design Stable?

     DesignerUp •
    Student Success

    Student Success Story: Jinyan (Patricia) Shen: From sustainable fashion designer to product designer

     DesignerUp •
    UI/UX Design

    How to Learn Product Design and UX/UI: What are my options?

     DesignerUp •
    UI/UX Design

    Stop asking for UI design feedback, do this instead

     DesignerUp •
    Typography

    Best Practices for Choosing and Pairing Fonts in UI and Web Design

     DesignerUp •
    Watch Me Work Wednesday

    UI Design: Remove the background from any photo or image

     DesignerUp •
    Mindful Design

    Seeking Mindful Design, Part Two

     Jeremy Navarro •
    Product Design

    UX/UI Design is Good Business

     Elizabeth Alli •
    Design Careers

    Podcast Ep. 5: Building the Entrepreneur with Andrew Hutton

     Elizabeth Alli •
    Case Study

    Ultimate Recipe For A Magnetic UX/UI Case Study

     Elizabeth Alli •
    Designer Tools

    Amazing Free Illustration Resources and How to Use Them in UI Design

     DesignerUp •
    Typography

    The Difference Between Fonts, Typefaces and Typography for UI Designers

     DesignerUp •
    Design Careers

    The Power of Niching Down as a UI/UX Designer

     Elizabeth Alli •
    UI/UX Design

    20 Holiday Gifts for UI/UX Designers (under $100!)

     DesignerUp •
    Designer Tools

    Typography hacks: Choosing and Pairing Fonts in UI design

     Elizabeth Alli •
    Designer Tools

    10 Must Have (Free) Chrome Extensions for Product Designers

     DesignerUp •
    Color Harmony

    A Practical Guide to Color Theory and Color Palettes (Using Numbers)

     Elizabeth Alli •
    Mindful Design

    Podcast Ep #4: Social Dilemma as an Inner Dilemma Featuring Jeremy Navarro of DormOps

     Elizabeth Alli •
    UI/UX Design

    Turning Your Graphic Design Skills Into UI/UX Skills

     Elizabeth Alli •
    Mindful Design

    Seeking Mindful Design, Part One

     Jeremy Navarro •
    UI/UX Design

    Master Story, Master UX

     Elizabeth Alli •
    Color Palette

    Generating Colors for Your UI Designs

     Elizabeth Alli •
    Portfolio

    The Quickest Way to Create Your UI/UX Portfolio Using Notion

     Elizabeth Alli •
    Designer Tools

    Best Books for Learning Product Design

     DesignerUp •
    Design Systems

    The Benefits of Flipping Between Designer Mind and Coder Mind

     DesignerUp •
    Design Inspiration

    Omelet you in on a little design secret...

     Jeremy Navarro •
    Product Design

    10 Amazing Digital Product Companies (That Happened To Be Black-Owned)

     Elizabeth Alli •
    Design Inspiration

    Me, Myself and My Design Imposter

     Elizabeth Alli •
    Design Careers

    How To Go After UI/UX Jobs WITHOUT Experience

     DesignerUp •
    Watch Me Work Wednesday

    Adding Trendy Blobs and Organic Shapes to Your UI Designs

     DesignerUp •
    Student Success

    Student Success Story: Keiko Okura from Business Administrator to UI/UX Designer

     DesignerUp •
    Design Systems

    10 Best Design Systems and How to Learn (and Steal) From Them

     DesignerUp •
    Student Success

    Student Success Story: Priscila Quijada from Dentist to UI/UX Designer

     DesignerUp •
    Student Success

    Student Success Story: Rohit Singh from Engineer to Product Designer

     DesignerUp •
    UI/UX Design

    Create Custom Looking Mobile Device Mockups

     DesignerUp •
    Design Inspiration

    How Uncertainty Dares Designers to Find Inspiration

     Jeremy Navarro •
    Product Design

    5 Biggest UI/UX and Product Design Myths Debunked

     DesignerUp •
    Mindful Design

    Mindfulness: Our Strongest Defense Against Coronavirus

     Elizabeth Alli •
    Freelancing

    Going remote: Finding a Virtual Job in The Time of COVID

     DesignerUp •
    Product Design

    What UI/UX and Product Design is All About (and How to Learn It)

     Elizabeth Alli •
    Human-Centered Design

    Is human-centered design causing us suffering?

     Elizabeth Alli •
    Design Careers

    How To Transform and Channel Your Designer Self Doubt into Strength

     Jeremy Navarro •
    Design Careers

    Where To Work as a UI/UX Designer

     DesignerUp •
    Design Careers

    What's The Difference Between a UX, UI and a Web Designer?

     Elizabeth Alli •
    Design Inspiration

    Overcoming Designer Doubt

     DesignerUp •
    Design Inspiration

    I've Never Been Much of an Artist, But I Am a Designer

     Jeremy Navarro •
    Color Theory

    UI Design: How to Choose Colors for Map Data

     DesignerUp •
    UI/UX Design

    UI Design in Practice Series: Images

     Elizabeth Alli •
    Notion

    Notion for UI/UX and Product Designers

     Elizabeth Alli •
    Podcast

    Podcast Ep #2: The Practice of Empathy in UX

     Elizabeth Alli •
    Color Theory

    UI Design: How to choose a color scheme using one color

     Elizabeth Alli •
    Mindful Design

    Mindful Diversity and Inclusion in Tech

     Elizabeth Alli •
    Clients

    The Biggest Reasons Your Freelance Projects Go Wrong

     Elizabeth Alli •
    Mindful Design

    UX Design and Empathy, are we doing it right?

     Elizabeth Alli •
    Podcast

    Podcast Ep #1: Mental health stigmas and finding a balance between our digital and mental space

     Elizabeth Alli •
    Mindful Design

    Mindful Design and Interaction

     Elizabeth Alli •
    UI/UX Design

    UI Design in Practice Series: Dividers

     Eric Alli •

    Managing Your Client Design Project: 5 Workflows to Live By

     Eric Alli •
    Product Design

    UI Design in Practice Series: Buttons and Selection controls

     DesignerUp •
    Clients

    The Real Reason Clients Won't Pay You To Design Their Website

     Elizabeth Alli •
    UI/UX Design

    UI Design in Practice Series: Containers, Boxes and Borders

     Elizabeth Alli •
    Product Design

    How Tech Support Taught Me to Be a Better UI/UX Designer

     Elizabeth Alli •
    Color Theory

    UI Design in Practice Series: Color

     Elizabeth Alli •
    UI/UX Design

    UI Design in Practice Series: Typography

     Elizabeth Alli •
    Clients

    How To Create a Bulletproof Web Design Project Brief

     Elizabeth Alli •
    UI/UX Design

    8 Pro Tricks for Creating Exceptional UI Designs

     Elizabeth Alli •

    Mentor Q&A

     DesignerUp •

    The best design resources, in your inbox

      We'll only send the occasional email and promise not to spam.

      © Copyright 2025 DesignerUp. All Rights Reserved.