- 32
- 301 494
Ari Pxl
Australia
เข้าร่วมเมื่อ 7 ม.ค. 2020
Mission & Purpose:
My mission is to help and enable Designers around the world to do what they love and get paid for it.
Channel:
This channel is dedicated to all things design and development. I talk about and teach UI Design, UX Design, Product Design and Development.
Please consider subscribing in order to support the channel :)
About Me:
Hi, my name is Ari, I'm a Product Designer and Developer with over a decade of experience. I live in the beautiful city of Sydney in Australia.
Throughout my career, I have been lucky to have worked with some amazing companies (from Startups to Corporates) with multiple positions from Junior to Head/Director to VP in order to build teams, and improve brands and product experiences. I've also owned a design and dev studio for a small period where I've worked with incredible brands.
I have a passion to teach, learn and sharing knowledge and that is the sole purpose of this channel.
My mission is to help and enable Designers around the world to do what they love and get paid for it.
Channel:
This channel is dedicated to all things design and development. I talk about and teach UI Design, UX Design, Product Design and Development.
Please consider subscribing in order to support the channel :)
About Me:
Hi, my name is Ari, I'm a Product Designer and Developer with over a decade of experience. I live in the beautiful city of Sydney in Australia.
Throughout my career, I have been lucky to have worked with some amazing companies (from Startups to Corporates) with multiple positions from Junior to Head/Director to VP in order to build teams, and improve brands and product experiences. I've also owned a design and dev studio for a small period where I've worked with incredible brands.
I have a passion to teach, learn and sharing knowledge and that is the sole purpose of this channel.
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
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
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)
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"
Very useful!
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.
Thank you!
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
How come you didn’t use subtract for the last 2 shapes? Seems like it would have been easier to remove those shapes
Thanks for this video, mate. It's experimentation backed with examples.💯
hi! im wondering what keyboard shortcut u used to view the measurements (26) around here 6:06
Don't forget to check out spaceduck.com 👉 Make complicated Figma Shapes - th-cam.com/video/6FhKuakxehs/w-d-xo.html
Don't forget to check out spaceduck.com 👉 Learn about the 4pt Grid - th-cam.com/video/c3sRptYdTq4/w-d-xo.html
Amazing stuff but do I need to be so precise with my distance or can my distance vary from yours?
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.
wow amazing
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
Super helpful!
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
Any thoughts on product design / product management?
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.
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.
Yeah, that’s a fair comment, unless it’s an agency, they can be pretty brutal.
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
I've been a designer for 4 years and still struggle with similar issues 😮💨
You need to search for ways to manage and overcome them
welcome to back
The matket is shrinking. Less jobs and the trend is accelerating.
Hopefully it will get better…
every other market is the same tho...
Sure, but not every industry experienced the same influx as tech. The lower barrier to entry makes this much easier for tech.
Cool points.
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
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!
Thank you for the video! I also learned some things about marketing
Great to have you back! Love Spaceduck!
Not only UI/UX Designer but also other fields are like this.
It’s a tough market. But times like this come and go.
Love it! Welcome back
Thank you for watching and your support! Don't forget to check out the channel sponsor Spaceduck spaceduck.com looking forward to your feedback!
I TRUST YOU!!!
Thanks for sharing the current market trend and your recommendations. These are very helpful.
I will🫠
😂
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.
The best on TH-cam
That's really useful video, thanks! Hopefully, you have a video on purchase funnels 😉 That's not a common thing for UX-ers
I tried downloading the template but it isn't opening
Is it design after user flow and information Architecture and is it design in design phase in design thinking?
thank you
Really Awesome Session
This was super helpful! Thank you for patiently explaining the entire process.
Really helpful video! I'm currently learning how to do a UX Audit and I found exactly what I was looking for. Thanks man!👌🏼
Holy shit my man, cannot begin to tell you how informative these are!
figma
how to delete a rectangle
This is amazing! ❤🎉
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?
Love it 💪
Dear, this is great! You not only know the matter, but You have wonderful presentation skill!
Thank you for this video, it gives me some confidence to manage clients on freelance cases.
No one is going to talk about the logo?
how to remove after add