![DesignerUp](/img/default-banner.jpg)
- 151
- 2 196 870
DesignerUp
United States
Приєднався 5 лис 2018
Sharing UX/UI and product design knowledge to help you become a more skillful and mindful designer. Hosted by Elizabeth Alli of DesignerUp. Subscribe for UX/UI tutorials and tools, career advice, mindset, portfolio building and product strategy.
👉🏽 Join our Product Design (UI/UX) Course and learn with us 1:1 - designerup.co/product-design-ui-ux-course
👉🏽 Join our Product Design (UI/UX) Course and learn with us 1:1 - designerup.co/product-design-ui-ux-course
The Surprising Truth About Your UX/UI Skills
In this video I'll show you how you can do a UX/UI self-assessment to understand where you stand in terms of your skill, and how you can improve in order to be more effective at applying for jobs, impressing during interviews and improving your craft!
🎁 Use Code: Get this assessment for free for a limited time! |
shop.designerup.co/buy/4536e940-cfc0-4323-bd48-735809335ba6
🎥 WHAT TO WATCH NEXT
⊚ Keyword Hack your way to your next job! | ua-cam.com/video/WnMVK3YfkuE/v-deo.html&t
⊚ Case Study Mistakes and how to fix them | ua-cam.com/video/ye6yKOMxtag/v-deo.html&t
🔗 MENTIONED IN THIS VIDEO
⊚ UX/UI Skills Assessment for Notion - shop.designerup.co/buy/4536e940-cfc0-4323-bd48-735809335ba6
📚 PRODUCT DESIGN (UX/UI) COURSE I RECOMMENDED
⊚ Enroll Now | designerup.co/product-design-ui-ux-course?
📒 GET FREE DESIGN LESSONS
⊚ Free UI Design Crash Course | designerup.co/ui-design-crash-course
⊚ Newsletter | designerup.co/newsletter
⊚ Live Webinars | designerup.co/webinars
📖 READ THE BEST DESIGN ARTICLES
⊚ BLOG | designerup.co/blog
🥰 JOIN OUR MINDFUL COMMUNITY
⊚ DesignerUp Community | designerup.co/community
💬 CONNECT WITH US
⊚ Twitter | designerupco
⊚ Instagram | designerupco
⊚ Facebook | designerupco
⊚ LinkedIn | www.linkedin.com/company/designerupco
⊚ Pinterest | www.pinterest.com/designerupco
🧰 RECOMMENDED PRODUCT DESIGN TOOLS
⊚ Figma - Industry standard design software | go.designerup.co/figma
⊚ ProtoPie - Advanced prototyping tool | go.designerup.co/protopie
⊚ Notion - UX research organization and notes | go.designerup.co/notion
⊚ Framer - No-code website platform | go.designerup.co/framer
⊚ Uizard - AI to UI tool | go.designerup.co/uizard
⊚ Icons8 - High-quality icon set | go.designerup.co/icons8
⊚ Lunacy - Figma alternative | go.designerup.co/lunacy
⊚ Mobbin - Design Pattern examples | go.designerup.co/mobbin
⊚ Setapp - Discounts on apps and software | go.designerup.co/setapp
⚙️ RECOMMENDED GEAR
Video Gear | kit.co/DesignerUp/designerup-gear
Home Office Accessories | kit.co/DesignerUp/home-office-accesories
🙋🏽♀️ ABOUT ELIZABETH ALLI
⊚ Senior Product (UX/UI) Designer
⊚ Founder of DesignerUp the first Mindful Product Design (UX/UI) School
⊚ Trained teacher
⊚ UA-cam creator
⊚ Author
*Some of the links listed in the description may be affiliate links through which we may earn a small commission. They are at no cost to you and often include discounts that we pass along! These help keep our free channel going and help us continue to create the highest quality content possible. So thanks for your clicks and your support! 💜
💻 SPONSORSHIP AND COLLAB INQUIRIES
⊚ Email | learn@designerup.co
🎁 Use Code: Get this assessment for free for a limited time! |
shop.designerup.co/buy/4536e940-cfc0-4323-bd48-735809335ba6
🎥 WHAT TO WATCH NEXT
⊚ Keyword Hack your way to your next job! | ua-cam.com/video/WnMVK3YfkuE/v-deo.html&t
⊚ Case Study Mistakes and how to fix them | ua-cam.com/video/ye6yKOMxtag/v-deo.html&t
🔗 MENTIONED IN THIS VIDEO
⊚ UX/UI Skills Assessment for Notion - shop.designerup.co/buy/4536e940-cfc0-4323-bd48-735809335ba6
📚 PRODUCT DESIGN (UX/UI) COURSE I RECOMMENDED
⊚ Enroll Now | designerup.co/product-design-ui-ux-course?
📒 GET FREE DESIGN LESSONS
⊚ Free UI Design Crash Course | designerup.co/ui-design-crash-course
⊚ Newsletter | designerup.co/newsletter
⊚ Live Webinars | designerup.co/webinars
📖 READ THE BEST DESIGN ARTICLES
⊚ BLOG | designerup.co/blog
🥰 JOIN OUR MINDFUL COMMUNITY
⊚ DesignerUp Community | designerup.co/community
💬 CONNECT WITH US
⊚ Twitter | designerupco
⊚ Instagram | designerupco
⊚ Facebook | designerupco
⊚ LinkedIn | www.linkedin.com/company/designerupco
⊚ Pinterest | www.pinterest.com/designerupco
🧰 RECOMMENDED PRODUCT DESIGN TOOLS
⊚ Figma - Industry standard design software | go.designerup.co/figma
⊚ ProtoPie - Advanced prototyping tool | go.designerup.co/protopie
⊚ Notion - UX research organization and notes | go.designerup.co/notion
⊚ Framer - No-code website platform | go.designerup.co/framer
⊚ Uizard - AI to UI tool | go.designerup.co/uizard
⊚ Icons8 - High-quality icon set | go.designerup.co/icons8
⊚ Lunacy - Figma alternative | go.designerup.co/lunacy
⊚ Mobbin - Design Pattern examples | go.designerup.co/mobbin
⊚ Setapp - Discounts on apps and software | go.designerup.co/setapp
⚙️ RECOMMENDED GEAR
Video Gear | kit.co/DesignerUp/designerup-gear
Home Office Accessories | kit.co/DesignerUp/home-office-accesories
🙋🏽♀️ ABOUT ELIZABETH ALLI
⊚ Senior Product (UX/UI) Designer
⊚ Founder of DesignerUp the first Mindful Product Design (UX/UI) School
⊚ Trained teacher
⊚ UA-cam creator
⊚ Author
*Some of the links listed in the description may be affiliate links through which we may earn a small commission. They are at no cost to you and often include discounts that we pass along! These help keep our free channel going and help us continue to create the highest quality content possible. So thanks for your clicks and your support! 💜
💻 SPONSORSHIP AND COLLAB INQUIRIES
⊚ Email | learn@designerup.co
Переглядів: 939
Відео
Make Your Config Website and QR code!
Переглядів 310Місяць тому
Use this Config Connect Kit for Figma to create your website and QR code to make it easier to connect with people during Config! 👉🏽 Clone my website template: getsiimple.com/demos/cards-config/ 🏷️ Use code: CONFIG24 🔗 MENTIONED IN THIS VIDEO ⊚ Config Connect Kit for Figma | www.figma.com/community/file/1387245131130798532 ⊚ Siimple website builder | getsiimple.com/demos/cards-config/ ⊚ QR Code ...
Make Your Config Website and QR Code Lockscreen!
Переглядів 224Місяць тому
Check out this awesome website and QR code maker for @Figma Config! Use the Config Connect Kit from the Figma community to get started! #shorts #figma 👉🏽 Clone my website template: getsiimple.com/demos/cards-config/ 🏷️ Use code: CONFIG24 🔗 MENTIONED IN THIS VIDEO ⊚ Config Connect Kit for Figma | www.figma.com/community/file/1387245131130798532 ⊚ Siimple website builder | getsiimple.com/demos/ca...
How Far Can AI Go with UI Design? | Uizard Autodesigner 2.0 First Look! 👀
Переглядів 4,3 тис.2 місяці тому
Just like with ChatGPT, you can now use AI to chat with your designs in real-time and interact with the UI design creation process using @uizardio's Autodesigner 2.0. Watch as it generates new UI designs and modifies existing ones right before your eyes! 👀 🪄TRY UIZARD AUTODESIGNER 2.0 → designerup.co/perks/uizard 🎥 WHAT TO WATCH NEXT ⊚ Uizard Tutorials Playlist | ua-cam.com/play/PLl0Umi92CQzXTj...
How to ACTUALLY get ahead in this insane UX/UI Job Market!
Переглядів 2,1 тис.2 місяці тому
Is it really that bad out there? The short answer is yes, it can be, but there is one important reason why and it's rarely talked about: Design hiring has changed but designers' approach to getting hired hasn't. So here are 9 actionable things UX/UI and Product Designers can do to actually get ahead, get noticed and land a job in this competitive market. 🎥 WHAT TO WATCH NEXT ⊚ Keyword Hack your...
Complete Guide to UI Animation and Tools in UNDER 10 minutes!
Переглядів 4,7 тис.4 місяці тому
UI animations, micro-interactions and interaction design are what give apps and web pages personality. Adding the right UI animations can make for a more delightful, functional or informative user experience. In this complete guide, I'll walk you through the foundations of UI animation and micro-interaction design, show you practical examples and give you a run-down of all the tools and techniq...
You Won't Believe AI Designed This! | Uizard + Adobe Firefly 😳
Переглядів 2,9 тис.4 місяці тому
@uizardio is an amazing AI design tool for developers, product designers, and product managers that allows you to generate UI screens, color schemes and clickable, interactive prototypes and mockups from a single text prompt! @Adobe Firefly’s is a generative AI image tool that lets you use a text prompt to create endless, incredible unique images. With Adobe Firely and Uizard’s generative AI ca...
These color palettes will be HUGE in 2024! | UI, Web, Graphic Design
Переглядів 2,5 тис.4 місяці тому
Watch as I use 2024's Color of the Year color palettes in Web and UI designs and how to create some amazing matching AI photography and imagery using @Fotor2012 🎁 Grab your Fotor Discount | designerup.co/perks/fotor 🎥 WHAT TO WATCH NEXT ⊚ Free Color in UI Design Course | ua-cam.com/play/PLl0Umi92CQzXzdGkynmhh-ZjpoZW1f1Mm.html&si=hD-oIuYwh68zKLfH ⏱ TIMESTAMPS 00:00 - Intro 00:22 - 2024's color o...
The Coolest UI Color Palette Tools Ever!
Переглядів 12 тис.5 місяців тому
These are 3 of my absolute favorite tools for choosing color palettes and color schemes for UI and Web designs! 🎥 WHAT TO WATCH NEXT ⊚ Color is UI Design | ua-cam.com/play/PLl0Umi92CQzXzdGkynmhh-ZjpoZW1f1Mm.html&si=ZmIUop538Ss7vPpP 🔗 MENTIONED IN THIS VIDEO ⊚ Figma | psxid.figma.com/zc39eq8sxgez-c92p8 ⊚ Palette Maker | palettemaker.com ⊚ Realtime Colors | www.realtimecolors.com/ ⊚ UI Colors | u...
Where to Find Amazing UX/UI Examples and Trends 2024!
Переглядів 3,2 тис.6 місяців тому
Where to Find Amazing UX/UI Examples and Trends 2024!
How To Design The Hottest Hero Trends 2024 ! | FULL FIGMA TUTORIAL
Переглядів 7 тис.6 місяців тому
How To Design The Hottest Hero Trends 2024 ! | FULL FIGMA TUTORIAL
INCREDIBLE Web Design Website inspiration 2024 ✨
Переглядів 3 тис.7 місяців тому
INCREDIBLE Web Design Website inspiration 2024 ✨
2024 Design Trends! | 5 Must Try Hero Layouts
Переглядів 49 тис.7 місяців тому
2024 Design Trends! | 5 Must Try Hero Layouts
Real Device Prototyping! | Figma + ProtoPie
Переглядів 1,8 тис.8 місяців тому
Real Device Prototyping! | Figma ProtoPie
Figma Introduces New AI Features! | First Look 👀
Переглядів 20 тис.9 місяців тому
Figma Introduces New AI Features! | First Look 👀
The right way to make color gradients! | Figma UI tutorial
Переглядів 9 тис.9 місяців тому
The right way to make color gradients! | Figma UI tutorial
Crazy New AI to UI Design Features | Uizard's Autodesigner Update 👀
Переглядів 4,4 тис.9 місяців тому
Crazy New AI to UI Design Features | Uizard's Autodesigner Update 👀
My Effortless Color Picking Method (No Plugins or Tools!)
Переглядів 6 тис.11 місяців тому
My Effortless Color Picking Method (No Plugins or Tools!)
How I Create and Manage 6 Income Streams as a Designer using Notion!
Переглядів 1,8 тис.Рік тому
How I Create and Manage 6 Income Streams as a Designer using Notion!
6.5 Most Popular UI Design Trends (and How to Design Them All!)
Переглядів 9 тис.Рік тому
6.5 Most Popular UI Design Trends (and How to Design Them All!)
Uizard’s Autodesigner is Here! But Has it Gotten Better or Worse?!
Переглядів 5 тис.Рік тому
Uizard’s Autodesigner is Here! But Has it Gotten Better or Worse?!
Every Designer Should Be Doing This for Better UX! | UXtweak+Figma
Переглядів 3,2 тис.Рік тому
Every Designer Should Be Doing This for Better UX! | UXtweak Figma
Next-Level Prototyping, Animations and Interaction Design Made Simple! | Figma+ProtoPie
Переглядів 29 тис.Рік тому
Next-Level Prototyping, Animations and Interaction Design Made Simple! | Figma ProtoPie
Watch AI Turn a Single Text Prompt into Stunning UI Designs in SECONDS! 🤯 | Uizard Autodesigner
Переглядів 132 тис.Рік тому
Watch AI Turn a Single Text Prompt into Stunning UI Designs in SECONDS! 🤯 | Uizard Autodesigner
Amazing Hand-Picked Product Design (UX/UI) Resources!
Переглядів 2,4 тис.Рік тому
Amazing Hand-Picked Product Design (UX/UI) Resources!
Complete Guide to Open Source for Designers
Переглядів 5 тис.Рік тому
Complete Guide to Open Source for Designers
How I do 10x more, in half the time (with less stress!)
Переглядів 2,6 тис.Рік тому
How I do 10x more, in half the time (with less stress!)
5 Powerful Ways to Chat and Collaborate in Figma | Cursor Chat, Work Journal and More!
Переглядів 2,9 тис.Рік тому
5 Powerful Ways to Chat and Collaborate in Figma | Cursor Chat, Work Journal and More!
The Greatest Design System UI Kits for Figma! Full UI tutorial
Переглядів 87 тис.Рік тому
The Greatest Design System UI Kits for Figma! Full UI tutorial
Thank You dear mam.
Hall William Brown Jeffrey Miller Robert
Thank you so much! I was looking foward to finding something like this:) thanks a lot!
You’re welcome! Thanks for watching!
5:27
Hi, can those Material 3 tonal palettes be exported as CSS variables? I tried exporting from the Theme Builder plugin, but tonal palettes are missing.
im looking for a cheatsheet in material icons font, i intent to work exclusevily with FONT, but all this solutions generate svgs. the "quick material icons" pluggin print fonts but lacks upgrades and work only with old icons...
Nice, But this does'nt require protopie. You can do the similar interactions using voice modality in #figma also. Rather this was preety easy in #XD.
Thank you so much 🙏
You are very welcome 😃
I loved the way you broke everything down in this video!
Really glad to hear that Emma! 😃 Thanks for watching 💜
That's amazing, A great way to self-access your self. Love it.
Thank Areous!!
Like a boss!
Why can't I find any instructions on how to turn it into an actual app?
This software is only meant to produce the designs. It does generate code but implementing that would be the work of engineers / devs. If you’re looking for something that actually codes the app for you, check this out go.designerup.co/buzzy
so helpful, thank youuu
Glad to hear it!
Oh boy. You saved my bacon, im in charge of an 11 brand design sytem, I need to rebuild all of each brands pallettes, this will help so much. Thanks
Haha good to hear! That sounds like a huge task! Best of luck, hope it turns out great!
Thank you so much, your video is really helpful
I would love to see them have something built that is meant for UI designers with layers etc. It would be great a great alternative to figma and could possibly have some of the features we miss from adobe XD
Totally yeah, they do have a layers panel now which is nice. So I think they are starting to add in more of these pro features
Thanks, the Foundation one was a game changer to me
how can I get these. the one in Figma doesn't have icons button etc.
Best colour theory course ever ❤
Thank you! I appreciate your comment 😊
Omg omg ty soo soo much ❤ it was the most helpful video i ever came across
Wonderful to hear that!! 😃You’re so welcome 💜
How is this content free? Thank you so much for this!
Thank you for watching! 😀
I'm a bit unsettled when she says "hundreds" of options/colors, recently I spent 3/4 hours trying to choose colors hahaha this suggestions will push me to the rabbit hole again haha
I'm having trouble getting the material theme builder plugin to generate/create the color pallet and typography scale. It seems that the color diagram option in the plugin settings just links you to the Figma page of the material 3 design kit. Is there something I'm missing or can you not generate the color ramps/typography with the plugin anymore?
06:41 "...harmonized and accessible ..." . . . SOMETHING HAPPENS HERE . . . "...and then when you find something".... You kind of jumped from nothing in the background to a color palette appearing in the background out of nothing. Can you please explain how you did it?
first and most important: Thank you! Very nice explained videos. Then (fun fact): as not only a software engineer but also as a hobby: audio engineer and game sound designer (more orchestral composition and foley for the latter) I've learnt: mixing colors is like mixing audio, so why the noise in the background ;) you really can adopt the knowhow about design to make it sound (pun intended) 🎉
I know this it a tech video but has anyone told you how pretty your eyes are?
Cool
Thank you so much for creating quality content. It shows that you truly understand UX-UI Designers needs and empathize with our struggles ❤ Love it!
That means so much to hear!! Thank you for stopping by 💜
Amazing! Good explained also for beginners
Thank you!
Thanks, it's very helpful
Glad to hear it! Thanks for watching
Is it just me or do the pastel tones look a bit muddy somehow? Great video btw 👍🏼
Woow!! ❤🔥 thank you so much!
Hi Elizabeth, what platform/program is that you are using for the user & task flow between the minutes of 5:07 -5:20. Thank you
Hey there, it’s called Flowmapp www.flowmapp.com/
@@DesignerUp Thank you.
loved ittt!
Thanks Michelle!!
Give Buzzy a try for free! go.designerup.co/buzzy
Where can I learn about take some sample images before developing the website , please anyone tell me where can I get some good innovative designs for developing a project
Then, when we conduct a usability study for the new version, the participants automatically won't like it.
Exactly such a catch 22! It can be helped a lot by priming the user before hand, and giving them the option to flip back to a legacy version until they get used to it. Google does this well.
@@DesignerUp Or maybe we can just test the task, not their opinions. If they complete the given task, then it means the new version works
@@yasemintopuz I think that’s important to test for sure. But it’s qualitative (opinion and experience) vs quantitative (did they complete a task, hit a measurable goal) both are needed and help inform each other. There have been many tools I use that allow me to complete a task but I actually don’t enjoy using it. When a better option comes along I will switch.
And then theres me... who started out using modern, fancy UIs for things like programming, and now I use a barebones command line interface to write code. A lot of fancier, more recent innovations in UI just make things worse for users.
I completely agree!
Thanks for this!!
You’re welcome! Thanks for watching 😊
how does hsl compare to hsb
the max of characters is fixed to 300 if i paid this is still same or unlimited?
Do saturation equals being mixed with gray?
excellent presentation! great job, thank you
Thanks! Appreciate you watching and commenting!
What's an alternative to designerup? Too expensive for third world.
Does anybody else find it misunderstood difference between UX and UI? As UX designer I do all of this and research , surveys etc. Can someone please explain. I find this very misunderstood in mostly comapnies
Most companies combine these terms but the short answer is that UX involves gathering the information you need from all sources, analyzing it and making a plan for what you will design or how you will improve something. The UI is what you are actually designing in terms of the final product, this involves the pixel elements, the components, the design system, the prototype (high fidelity usually) and the final screens that are ready for the developers to code.
This is very helpful, thank you!
Happy to hear it! Thanks for watching 😀
I have a few questions: 1. Is it okay to admit to a recruiter that I used Google Material Design system? 2. How should I share my work with others? Should I hide that I'm using the Material Design system? 3. When creating a case study, should I share the Material Design components, typography, and colors I've used?
1. Yes, you can share with a recruiter that you used MDS as a starting point just make sure you are customizing it and creating flows that meet your own user research requirements. 2. You ultimately should be customizing this and just using it as a starting point. Perfectly fine to share that you are doing so 3. Yes you can. Ideally you want to be working on your skill and craft and learning how to create your own UI components but it’s fine to disclose whenever you are using an existing kit as a starting point.
@@DesignerUp 1000 likes from my side 😁 Thankyou so much 😊
Is it too late to learn ui/ux design and get a job?
It’s never too late. But it can take a while to get good enough and gain enough experience to get hired. It’s also harder to learn on your own so if you’re new to this field I would recommend taking a course that gets you career ready. You can take a look at our course for example designerup.co/product-design-ui-ux-course
Thank you for crash course it helped me alot thank you