Ari Pxl
Ari Pxl
  • 32
  • 301 494
Figma Union Tool: Create Complex Shapes Fast!
🪐🦆 Check out the Research and Thinking Tool
spaceduck.com
=====
Complex Figma Shapes With The Union Tool
=====
📒 Description
Master the Figma Union tool to create intricate, unique shapes with ease.
Like & Subscribe
Episode 26
=====
🔗 Exercise File
• www.aripxl.com/content/creating-intricate-shapes-using-the-union-tool-in-figma
🔗 Referral Links
You can support this channel by using my referral links
🦆 Sign up for Spaceduck - spaceduck.com
=====
🎥 Watch next
👉 4pt vs 8pt Grid System - th-cam.com/video/c3sRptYdTq4/w-d-xo.html
👉 Learn why Auto Layouts are useful - th-cam.com/video/kOui8vrVhWQ/w-d-xo.html
👉 Design an accordion component with Auto Layouts - th-cam.com/video/aCREqal-_j8/w-d-xo.html
=====
🕰 Timestamps
00:00​ - Intro
00:46 - The Union Tool
01:16 - New UI vs Old UI
01:37 - Shape 1
04:23 - Shape 2
07:05 - Shape 3
08:20 - Outro
08:32 - Sponsor
=====
🔗 Connect
• aripxl.com
=====
👍 Like & Subscribe
If you appreciate the hard work that went into this video, please show me some love by dropping a Like 👍 and sharing it with other people that you think can also benefit from this. If you have any questions, post a comment down below, and I'll get back to you when I can. If you haven't subscribed already, what are you waiting for? Subscribe and turn on the notification 🔔 so that you know when I upload new videos.
=====
🙃 About me
My name is Ari. I'm a digital product designer and developer with over a decade of experience based in Sydney, Australia. I currently work for a startup, freelance on the side and make these videos to give back to our tech community. If you have any suggestions on how to improve these videos, then let me know!
=====
📧 Contact me
If you have any questions, comment on one of the videos or follow me and ask me on Instagram via DM. If you have a business-related question, email me at - ari@aripxl.com
=====
🔢 Subscriber Count
7,533
=====
📑 Hashtags
#figma #figmatutorial #uidesign #uxdesign #uiuxdesign #ux #ui #figmadesign
มุมมอง: 996

วีดีโอ

Stop Using the 8pt Grid in Figma | UI/UX Design Tutorial
มุมมอง 6862 หลายเดือนก่อน
🪐🦆 Check out the Research and Thinking Tool spaceduck.com 8pt Grid vs 4pt Grid in Figma Design! 📒 Description The 8pt and 4pt grid systems are essential in app design for creating consistent, scalable, and flexible layouts across devices. These grids ensure even spacing for elements like buttons and margins, resulting in clean, harmonious designs. Their scalability allows designs to maintain in...
Why people are leaving their UX Jobs
มุมมอง 9412 หลายเดือนก่อน
🪐🦆 Check out the Research and Thinking Tool spaceduck.com Why people are leaving their UX Jobs 📒 Description In this video, I want to discuss the realities of a career in UX/UI and product design, topics that I believe aren't always addressed with full transparency. I'll break down why this path might not be what you expect and highlight key factors you should consider before pursuing a career ...
Don't Become a UX/UI Designer
มุมมอง 3K3 หลายเดือนก่อน
🪐🦆 Check out the Research and Thinking Tool spaceduck.com Don't become a UX/UI Designer 📒 Description In today's job market, finding work in the UI/UX field has been challenging. I wanted to discuss this in this video. Like & Subscribe Episode 23 🔗 Other links mentioned in this video • indeed.design/article/ux-job-listings-plunged-in-2023/ • indeed.design/article/how-the-ux-job-markets-are-chan...
Text Truncates Figma Tutorial
มุมมอง 3.9Kปีที่แล้ว
Figma Tutorial Ellipsis 📒 Description Figma's latest update has revolutionised the once arduous and frustrating task of truncating text, making it incredibly easy and straightforward. In this tutorial, I'll guide you through the simple steps to seamlessly incorporate this feature into your workflows. Like & Subscribe Episode 22 🔗 Exercise File • www.aripxl.com/content/figma-text-truncate 🔗 Othe...
Figma Auto Layout Useless?
มุมมอง 1.3Kปีที่แล้ว
Figma Auto Layout vs CSS Flexbox - Figma Tutorial - 2023 📒 Description I frequently get asked about the usefulness of Figma's Auto Layout feature. Some individuals have labelled it as a mere party trick. However, it is crucial to comprehend and excel at this feature. In this video, we will delve into the reasons why. Like & Subscribe Episode 21 🔗 Exercise File • www.aripxl.com/content/figma-aut...
Build a responsive Accordion component in Figma - Auto Layout Tutorial
มุมมอง 3Kปีที่แล้ว
Updated Figma Auto Layout Tutorial 2022 - Masterclass 📒 Description In this Figma tutorial, you'll learn how to create an accordion component using auto layouts. With this technique, you can easily create dynamic and responsive designs that adjust to different screen sizes. Auto layouts allow you to set up a hierarchy of frames and components that resize and reposition themselves automatically ...
Figma Auto Layout Tutorial Update - Master it in 1 Hour - With Exercise Files
มุมมอง 32K2 ปีที่แล้ว
💬 Title Updated Figma Auto Layout Tutorial 2022 - Masterclass 📒 Description Figma recently updated how Auto Layouts work, and in this video, we'll cover how to use it properly. We'll cover everything from Absolute Position to Horizontal and Vertical resize and constraints to stacking, padding and more. We'll go through 4 different exercises, and I've included the exercise Figma file below. Like...
Figma Tutorial: Style Tokens in 15 Minutes | Grid, Text, Color & Effects styles
มุมมอง 7K2 ปีที่แล้ว
💬 Title Figma Styles Tutorial 📒 Description This video covers Figma Styles, what they are, why they're useful, and how to create, edit, maintain and publish them in our projects. We'll learn how to create Grids, Text, Color and Style tokens. Although we won't be diving deep into the topics, we'll cover the basics so you can get started using Figma Styles in your projects. Like & Subscribe Episo...
Webflow First Impression Review | I Learned Webflow in 1 Hour
มุมมอง 1.2K2 ปีที่แล้ว
💬 Title Webflow First Impressions Review 📒 Description I've heard about Webflow a lot but never had a chance to use it on a project, I thought it'd be a good opportunity to take a quick look at it and provide you guys with my thoughts about this tool. Like & Subscribe Episode 17 🔗 Links mentioned in this video • Webflow Website - webflow.com 🔗 Referral Links You can support this channel by usin...
Figma Tutorial: Auto Layouts in 15 minutes
มุมมอง 5K2 ปีที่แล้ว
💬 Title Figma Auto Layouts Tutorial 📒 Description This one's simple, I'm going to try and simplify the complex world of Auto Layouts in Figma Tutorial. Like & Subscribe Episode 16 🔗 Links mentioned in this video • Figma Website - help.figma.com/hc/en-us/articles/360040451373-Create-dynamic-designs-with-auto-layout 🔗 Referral Links You can support this channel by using my referral links ♥️ Downl...
UI UX Audit & Analysis Tutorial | GYMSHARK Case Study Included | 2022
มุมมอง 45K2 ปีที่แล้ว
💬 Title UX Audit & Analysis | Heuristic Evaluation 📒 Description In this video, we're going to look at one of my favourite companies' websites @gymshark @BenFrancis and run a UX Evaluation on their Homepage and Navigation to learn how to conduct and report an analysis like this with a realistic project. Like & Subscribe Episode 15 🔗 Links mentioned in this video • NNG Heuristic Evaluation - www...
CSS Tutorial for Absolute Beginners and Designers | Build a Simple Website | 2022
มุมมอง 1.1K2 ปีที่แล้ว
CSS Tutorial for Absolute Beginners and Designers | Build a Simple Website | 2022
HTML Tutorial for Beginners & Designers - Build a Simple Website From Figma to HTML - 2022
มุมมอง 1.3K2 ปีที่แล้ว
HTML Tutorial for Beginners & Designers - Build a Simple Website From Figma to HTML - 2022
Figma Tutorial for Beginners: Learn Figma in 1 Hour - UI Design 2022
มุมมอง 49K2 ปีที่แล้ว
Figma Tutorial for Beginners: Learn Figma in 1 Hour - UI Design 2022
UX Design Tutorial: Introduction to UX Research Process and Methods
มุมมอง 5K3 ปีที่แล้ว
UX Design Tutorial: Introduction to UX Research Process and Methods
Introduction to Web Development Concepts for Designers - Coding for Product and Web Designers
มุมมอง 2.8K3 ปีที่แล้ว
Introduction to Web Development Concepts for Designers - Coding for Product and Web Designers
How I set up my MacBook Pro for design and development
มุมมอง 2.3K3 ปีที่แล้ว
How I set up my MacBook Pro for design and development
Should designers learn how to code?
มุมมอง 5973 ปีที่แล้ว
Should designers learn how to code?
UX Card Sorting Introduction & Tutorial | UI UX Design | 2021
มุมมอง 6K3 ปีที่แล้ว
UX Card Sorting Introduction & Tutorial | UI UX Design | 2021
UX Tree Test Tutorial & Introduction: | UI UX Design | 2021
มุมมอง 9K3 ปีที่แล้ว
UX Tree Test Tutorial & Introduction: | UI UX Design | 2021
Introduction and Tutorial to UX Sitemap: UI UX Design | Miro | 2021
มุมมอง 68K3 ปีที่แล้ว
Introduction and Tutorial to UX Sitemap: UI UX Design | Miro | 2021
How to prepare for UX Workshops - UI UX Designers
มุมมอง 1.1K3 ปีที่แล้ว
How to prepare for UX Workshops - UI UX Designers
How to learn new content on your own - UI UX Designers
มุมมอง 5553 ปีที่แล้ว
How to learn new content on your own - UI UX Designers
What is UI design | User Interface Design
มุมมอง 4234 ปีที่แล้ว
What is UI design | User Interface Design
What is UX Design (User Experience Design)
มุมมอง 6784 ปีที่แล้ว
What is UX Design (User Experience Design)

ความคิดเห็น

  • @Nickdude6
    @Nickdude6 4 วันที่ผ่านมา

    Do you need to have "auto layout" enabled? When I goto the settings it give the option for "truncate text"' but there is no icon showing "max line". I'm a newbie so forgive me if I"m missing some piece that is "obvious"

  • @raisulrana2134
    @raisulrana2134 16 วันที่ผ่านมา

    Very useful!

  • @scottlevine5030
    @scottlevine5030 18 วันที่ผ่านมา

    At 11 years of experience, this person should know all of this. My reason for considering leaving UX is because salaries are dropping and a ton of senior people cannot find jobs that will pay their existing mortgages. I know so many people who are struggling right now.

  • @pennoratory
    @pennoratory 19 วันที่ผ่านมา

    Thank you!

  • @nishantjadhav416
    @nishantjadhav416 20 วันที่ผ่านมา

    You should have also compared this site map with actual site and tell us how it will look , because now I am confused if these organization labels are section on pages or categories inside dropdown of shop now in navigation. Video is super useful but this thing put me in delima

  • @philiployd8317
    @philiployd8317 หลายเดือนก่อน

    How come you didn’t use subtract for the last 2 shapes? Seems like it would have been easier to remove those shapes

  • @tanay_sankhe
    @tanay_sankhe หลายเดือนก่อน

    Thanks for this video, mate. It's experimentation backed with examples.💯

  • @sakineko
    @sakineko หลายเดือนก่อน

    hi! im wondering what keyboard shortcut u used to view the measurements (26) around here 6:06

  • @AriPxl
    @AriPxl 2 หลายเดือนก่อน

    Don't forget to check out spaceduck.com 👉 Make complicated Figma Shapes - th-cam.com/video/6FhKuakxehs/w-d-xo.html

  • @AriPxl
    @AriPxl 2 หลายเดือนก่อน

    Don't forget to check out spaceduck.com 👉 Learn about the 4pt Grid - th-cam.com/video/c3sRptYdTq4/w-d-xo.html

  • @bgscrew.c.v6307
    @bgscrew.c.v6307 2 หลายเดือนก่อน

    Amazing stuff but do I need to be so precise with my distance or can my distance vary from yours?

    • @AriPxl
      @AriPxl 2 หลายเดือนก่อน

      You can adjust the size of your circles and the rectangle stem to customize the design as needed. Let me know if there's a specific result you're after.

  • @ytRap007
    @ytRap007 2 หลายเดือนก่อน

    wow amazing

  • @olhabalumatkina1437
    @olhabalumatkina1437 2 หลายเดือนก่อน

    As a junior UX/UI designer, this video is absolutely true, 100%. It's so hard to find a job in this state of market and it's probably gonna get worse, comparing to 2019/2020, sometimes I'm in a real disbelief 'cause all the search provides me nothing... And all the points about understanding the reason of becoming a designer, and the fact that design is hard - all of them were really good. Thanks for the video

  • @joshlaskey8687
    @joshlaskey8687 2 หลายเดือนก่อน

    Super helpful!

  • @AriPxl
    @AriPxl 2 หลายเดือนก่อน

    Don't forget to check out spaceduck.com Watch these next: Don't become a designer -> th-cam.com/video/CPq9BW887F4/w-d-xo.html

  • @Spikezz3
    @Spikezz3 2 หลายเดือนก่อน

    Any thoughts on product design / product management?

    • @AriPxl
      @AriPxl 2 หลายเดือนก่อน

      Which ever that you enjoy more. If you like to be more hands on, design. If you like to be more on the strategy and planning side, management.

  • @bbhuruth
    @bbhuruth 2 หลายเดือนก่อน

    Sorry, when they said themselves they take 50-60 hours to fulfil their role and responsibilities, that raised huge red flags. After a decade of experience they should have the skills to be more efficient. If they didn't have those skills it makes me question if they had the other skills required to overcome the other complaints on this list.

    • @AriPxl
      @AriPxl 2 หลายเดือนก่อน

      Yeah, that’s a fair comment, unless it’s an agency, they can be pretty brutal.

    • @scottlevine5030
      @scottlevine5030 18 วันที่ผ่านมา

      Seriously. I rarely have to spend more than 40 hours a week. I have 17 years of experience. I've got a lot of techniques for making things

  • @aramfree
    @aramfree 3 หลายเดือนก่อน

    I've been a designer for 4 years and still struggle with similar issues 😮‍💨

    • @AriPxl
      @AriPxl 2 หลายเดือนก่อน

      You need to search for ways to manage and overcome them

  • @suzonabdullah
    @suzonabdullah 3 หลายเดือนก่อน

    welcome to back

  • @cirtey29
    @cirtey29 3 หลายเดือนก่อน

    The matket is shrinking. Less jobs and the trend is accelerating.

    • @AriPxl
      @AriPxl 2 หลายเดือนก่อน

      Hopefully it will get better…

  • @AuraVFX
    @AuraVFX 3 หลายเดือนก่อน

    every other market is the same tho...

    • @AriPxl
      @AriPxl 3 หลายเดือนก่อน

      Sure, but not every industry experienced the same influx as tech. The lower barrier to entry makes this much easier for tech.

  • @Contactbps
    @Contactbps 3 หลายเดือนก่อน

    Cool points.

  • @UXtan
    @UXtan 3 หลายเดือนก่อน

    Thanks for the practical insights. The self taught route I went on 4 years ago just seems a lot more difficult now and the job is quite demanding at times. Thanks for your content

    • @AriPxl
      @AriPxl 3 หลายเดือนก่อน

      For sure. I totally get where you're coming from. Like any career, the more it evolves, the more complicated it gets. Just a few years ago, there was no AI in the mix, and tech stacks were a lot simpler. People like us could take our time learning things step-by-step. But now, anyone starting out has to catch up on everything that came before and then some!

  • @manuelepp3805
    @manuelepp3805 3 หลายเดือนก่อน

    Thank you for the video! I also learned some things about marketing

  • @dennisdiaz504
    @dennisdiaz504 3 หลายเดือนก่อน

    Great to have you back! Love Spaceduck!

  • @mrajax_0101
    @mrajax_0101 3 หลายเดือนก่อน

    Not only UI/UX Designer but also other fields are like this.

    • @AriPxl
      @AriPxl 3 หลายเดือนก่อน

      It’s a tough market. But times like this come and go.

  • @joshlaskey8687
    @joshlaskey8687 3 หลายเดือนก่อน

    Love it! Welcome back

  • @AriPxl
    @AriPxl 3 หลายเดือนก่อน

    Thank you for watching and your support! Don't forget to check out the channel sponsor Spaceduck spaceduck.com looking forward to your feedback!

  • @fitrapristiadi4566
    @fitrapristiadi4566 3 หลายเดือนก่อน

    I TRUST YOU!!!

  • @umerzafar
    @umerzafar 3 หลายเดือนก่อน

    Thanks for sharing the current market trend and your recommendations. These are very helpful.

  • @Sourabh1003
    @Sourabh1003 3 หลายเดือนก่อน

    I will🫠

  • @devon9308
    @devon9308 3 หลายเดือนก่อน

    Great video! Another tip: you can trigger text truncation not just by the number of lines but also by setting a fixed width. For example, if I enable truncation and narrow the text box, it automatically adds ellipses. This is especially useful for truncating single-line text based on its length.

  • @gurugfx770
    @gurugfx770 3 หลายเดือนก่อน

    The best on TH-cam

  • @fryonthemoon
    @fryonthemoon 3 หลายเดือนก่อน

    That's really useful video, thanks! Hopefully, you have a video on purchase funnels 😉 That's not a common thing for UX-ers

  • @OnanefeEde-Usoh
    @OnanefeEde-Usoh 5 หลายเดือนก่อน

    I tried downloading the template but it isn't opening

  • @ChayonShaahOfficial
    @ChayonShaahOfficial 5 หลายเดือนก่อน

    Is it design after user flow and information Architecture and is it design in design phase in design thinking?

  • @vietducnguyen4027
    @vietducnguyen4027 5 หลายเดือนก่อน

    thank you

  • @Nurhasan404
    @Nurhasan404 6 หลายเดือนก่อน

    Really Awesome Session

  • @gayathriveluri8811
    @gayathriveluri8811 6 หลายเดือนก่อน

    This was super helpful! Thank you for patiently explaining the entire process.

  • @patrickkamgang6433
    @patrickkamgang6433 6 หลายเดือนก่อน

    Really helpful video! I'm currently learning how to do a UX Audit and I found exactly what I was looking for. Thanks man!👌🏼

  • @railpressureflip
    @railpressureflip 6 หลายเดือนก่อน

    Holy shit my man, cannot begin to tell you how informative these are!

  • @Hanu_Manu2021
    @Hanu_Manu2021 6 หลายเดือนก่อน

    figma

  • @Hanu_Manu2021
    @Hanu_Manu2021 6 หลายเดือนก่อน

    how to delete a rectangle

  • @LahiruParanavithana-c7l
    @LahiruParanavithana-c7l 7 หลายเดือนก่อน

    This is amazing! ❤🎉

  • @alekwieneke9286
    @alekwieneke9286 7 หลายเดือนก่อน

    For steps 1 and 2, if the client has no website, then how can you do step 2? Since if there's no website, then what content do you audit?

  • @nadiaoosty
    @nadiaoosty 7 หลายเดือนก่อน

    Love it 💪

  • @RocklifenessSZ
    @RocklifenessSZ 7 หลายเดือนก่อน

    Dear, this is great! You not only know the matter, but You have wonderful presentation skill!

  • @johanpenas
    @johanpenas 8 หลายเดือนก่อน

    Thank you for this video, it gives me some confidence to manage clients on freelance cases.

  • @upasanapandey1358
    @upasanapandey1358 8 หลายเดือนก่อน

    No one is going to talk about the logo?

  • @mdmodassir6932
    @mdmodassir6932 8 หลายเดือนก่อน

    how to remove after add