UX/UI Design Trends 2022

Millions of assets. Unlimited downloads. First month 70% off!

Find out the UX & UI Design Trends we’ll be seeing in 2022 in our video roundup or blog:

Intro (0:00)
With a month-by-month or annual subscription to Envato Elements, you’ll have all you need to put together your best creative outcome. Get unlimited access to over a million digital assets, from UX/UI design kits to graphic templates, web themes and much more! Check out the offer from the Envato team below!

1. Behavioural Design (0:50)
2. Complex Gradients (1:57)
3. All About Type (3:04)
4. Retro UI (5:01)
5. Native Desktop Apps (7:07)
6. Seamless In-App Communication (8:07)
7. 3D Design (8:54)
8. Professionals Using DIY Tooling (9:53)

🎁 70% OFF FIRST MONTH! Sign up to Envato Elements today:

*Applies to the individual monthly plan and only valid for new customers. Coupon automatically applied at the checkout. Offer expires Jan 28 2022.

Find items from Envato Elements here:

Töbel – Modern Furniture Store by Elated-Themes

PixelSquid 360 Envato Elements Page

Influence Marketing by BimberOnline

Indie Rock by OlexandrIgnatov

➜ Subscribe to the Envato YouTube Channel:

#UXDesign #UX #envatoelements


  1. 1. Behavioural Design (0:50)
    2. Complex Gradients (1:57)
    3. All About Type (3:04)
    4. Retro UI (5:01)
    5. Native Desktop Apps (7:07)
    6. Seamless In-App Communication (8:07)
    7. 3D Design (8:54)
    8. Professionals Using DIY Tooling (9:53)

    (0:06) Kindergarten Landing Page: https://dribbble.com/shots/5553928-Kindergarten-Landing-Page
    (0:11) Stamps, emotes, and high-fives: https://help.figma.com/hc/en-us/articles/1500004290981-Stamps-emotes-and-high-fives
    (0:14) 100s of Pro Elementor Templates with Envato Template Kits: https://www.youtube.com/watch?v=UkBq6yIoTuA
    (0:54) Digital Behavioral Design – http://s3.amazonaws.com/arena-attachments/2068866/17a86e13a833f4efc0c86d1707f13a0b.pdf?1524181591
    (1:00) behavioral design vs product design – What´s the difference?: https://www.youtube.com/watch?v=QYbK0BffNVk
    (1:10) Reach All of Your Goals This Year With These 10 Habit-Tracker Apps: https://www.popsugar.com/fitness/photo-gallery/48111875/image/48111876/Done-Simple-Habit-Tracker
    (1:14) The Best Fitness Trackers: https://www.nytimes.com/wirecutter/reviews/the-best-fitness-trackers/
    (1:18) The 4: https://www.kickstarter.com/projects/the4book/the-4-book?ref=section-homepage-view-more-discovery-p3
    (1:23) Booking.com
    (1:28) Digital Behavioral Design: http://s3.amazonaws.com/arena-attachments/2068866/17a86e13a833f4efc0c86d1707f13a0b.pdf?1524181591
    (1:32) Starbucks Accelerates Mobile Payment Leadership with Release of Enhanced Starbucks App for iPhone: https://www.businesswire.com/news/home/20140311006717/en/Starbucks-Accelerates-Mobile-Payment-Leadership-with-Release-of-Enhanced-Starbucks-App-for-iPhone
    (1:36) How to use the Headspace app: https://www.youtube.com/watch?v=IYTPmUDnYog
    (1:48) Using the Headspace App: https://www.youtube.com/watch?v=5LMRrYqAAZI
    (1:51) How the Headspace app works: https://www.youtube.com/watch?v=kEpOF7vUymc
    (2:00) Symodd: symodd.com
    (2:08) Stripe: Online payment processing for internet businesses: stripe.com
    (2:12) Richard Sancho Design Director: https://www.richardsancho.com/
    (2:18) Zeus Jones | Brand, Culture & Experience: https://zeusjones.com/
    (3:07) Van Hotz Co: https://vanholtz.co/
    (3:12) Laurel Halo: https://www.laurelhalo.com/
    (3:19) JON Way Studio: https://www.jonway.studio/
    (3:28) Galeries Lafayette: https://www.galerieslafayette.com/
    (4:07) Rally Interactive: https://rallyinteractive.com/
    (4:13) Outline: https://weareoutline.com/work/
    (4:21) Christian Dior: http://cdior.tilda.ws/
    (4:27) Charlie Osborne – Brand Strategist & Designer: https://www.charlieosborne.co/
    (5:04) Cameamile │E-commerce Redesign: https://www.behance.net/gallery/120464257/Cameamile-E-commerce-Redesign
    (5:13) Mehry Mu — website redesign: https://www.behance.net/gallery/123881541/Mehry-Mu-website-redesign
    (5:19) GUCCI redesign concept: https://www.behance.net/gallery/130154781/GUCCI-redesign-concept
    (5:28) Oak Meadow Clothing – redesign concept: https://www.behance.net/gallery/123598637/Oak-Meadow-Clothing-redesign-concept
    (5:33) Naomi&Sisters cosmetics shop e-commerce design concept: https://www.behance.net/gallery/125926755/Naomi-Sisters-cosmetics-shop-e-commerce-design-concept
    (5:37) Photo Studio Website: https://dribbble.com/shots/15144356-Photo-Studio-Website
    (6:04) Record Wonderland – Brand Refreh Concept: https://www.behance.net/gallery/109838823/Record-Wonderland-Brand-Refreh-Concept
    (6:10) GRETA: https://www.gretamusic.co/
    (6:17) Dr. Martens Redesign Concept: https://www.behance.net/gallery/128593347/Dr-Martens-Redesign-Concept
    (6:24) OBEY | online store redesign: https://www.behance.net/gallery/116863237/OBEY-online-store-redesign
    (6:28) Nylon: https://www.nylon.com/
    (7:10) Notion for designers: https://www.youtube.com/watch?v=4usCjnXA2vg
    (7:19) Office 2021 vs Microsoft 365: what's the difference & what's new?: https://www.youtube.com/watch?v=ij69iW6C2s0
    (7:24) Office 365 Login: https://www.office.com/
    (7:27) How To Install Slack On Your Computer: https://www.youtube.com/watch?v=ScwRRYDC9s4
    (7:32) Introducing The Trello Desktop App: https://www.youtube.com/watch?v=WvkUCY9jJ98
    (7:43) Asana Desktop App: https://www.youtube.com/watch?v=Uk-zc9Zzw-Y
    (7:49) Figma Downloads: https://www.figma.com/downloads/
    (7:53) How to Design a Social Media Desktop App / Website in Figma | UI/UX Design Tutorial: https://www.youtube.com/watch?v=jkCS-T50Pq8
    (7:57) Preview on Devices with Figma Mirror: https://www.youtube.com/watch?v=9cirvWzt4Yg
    (8:09) Run engaging team meetings: https://pitch.com/use-cases/team-meetings
    (8:19) How To: Use captions in Google Meet: https://www.youtube.com/watch?v=Sp7Qc-M28zc
    (8:25) "Better Beard Than JLingz!" | Jadon Sancho Instagram Q&A | #Ask: https://www.youtube.com/watch?v=wql3zvxC5oE
    (8:30) Figma Tip: Using audio and cursor chat in Figma and FigJam: https://www.youtube.com/watch?v=m3ixzUD_GVU
    (8:57) Creativo Arquitectos Website: https://dribbble.com/shots/4807851-Creativo-Arquitectos-Website
    (9:01) Health Check: https://dribbble.com/shots/8584111-Health-Check
    (9:07) Health Blog 3D Animation: https://dribbble.com/shots/6171377-Health-Blog-3D-Animation
    (9:11) Book and Travel Website: https://dribbble.com/shots/4958543-Book-and-Travel-Website
    (9:14) Blinded by colors: https://www.behance.net/gallery/126434771/Blinded-by-colors
    (9:19) John Kappa: https://www.instagram.com/johnkappa
    (9:24) Aesop Bottles: https://www.instagram.com/p/CKLi8HkjHsM/
    (9:29) Hey You!: https://www.instagram.com/p/CEy5d0RD6wk/
    (9:35) PixelSquid360: https://www.instagram.com/pixelsquid360
    (9:40) Envato Elements PixelSquid360: https://elements.envato.com/user/PixelSquid360
    (9:56) Squarespace: squarespace.com
    (10:01) Website Builder: https://mailchimp.com/features/website-builder/
    (10:06) 100s of Pro Elementor Templates with Envato Template Kits: https://www.youtube.com/watch?v=UkBq6yIoTuA
    (10:25) Elementor: elementor.com
    (10:44) Stamps, emotes, and high-fives: https://help.figma.com/hc/en-us/articles/1500004290981-Stamps-emotes-and-high-fives
    (10:51) Symodd: symodd.com
    (11:03) Jaycie Mota: https://byjayciemota.com/projects
    (11:08) Notion for product managers: https://www.youtube.com/watch?v=GgX3ew-4dqo

  2. What is a tool that you use to see the Sigma design in mobile version (figma mirror) Mac OS desktop version plz guide me. I am not finding anything in the App Store in my MacBook

  3. I believe the time has come where Elementor should open their own platform where people can Make Beautiful and Professional Mobile applications or Web Applications with very low Code.

Leave a comment

Your email address will not be published.