- 30
- 93 736
Clevr Studio
Registrace 9. 05. 2020
We're a community of designers on a mission to help make inspire better UI/UX design everywhere. This channel will include lots of tips and tricks for designers and tutorials for your favourite softwares.
Top 5 Community Files to Polish Your Designs
As product designers, our job is to put together functional and usable UI/UX Designs and add a touch of spice/creativity. This helps us create a customized experience that would help differentiate our products.
One of the best resources to leverage is Figma's very own community files, where thousands of creators have already shared their creations free to use in your files. Here are my top 5 when it comes to polishing and presenting my design work.
Want to learn how to design beautiful designs like the one in this video? Join my 4 week UI/UX Figma Fast-Track course: maven.com/clevr-studio/product-design-masterclass
(0:00): Intro
(0:35): Abstract 3D Shapes
(1:21): 10+ Background Shadown Textures
(2:37): Skeleton Loading Screen
(2:58): Hand Drawn Shapes
(3:28): Free Minimalistic Buttons
One of the best resources to leverage is Figma's very own community files, where thousands of creators have already shared their creations free to use in your files. Here are my top 5 when it comes to polishing and presenting my design work.
Want to learn how to design beautiful designs like the one in this video? Join my 4 week UI/UX Figma Fast-Track course: maven.com/clevr-studio/product-design-masterclass
(0:00): Intro
(0:35): Abstract 3D Shapes
(1:21): 10+ Background Shadown Textures
(2:37): Skeleton Loading Screen
(2:58): Hand Drawn Shapes
(3:28): Free Minimalistic Buttons
zhlédnutí: 38
Video
Creating a Smoother Designer to Developer Handoff
zhlédnutí 78Před dnem
A good portion of a designer's time goes into making sure developers have all they need to turn ideas into actual working products. The smoother the handoff, the less time we need to do repeat designs. This is a recording of a lightning lesson I hosted on Maven.com on August 22nd, 2024. What you'll learn in this lightning lesson Covering All States: Covering must-have states in your designs to ...
The Shortest Figma Course (explained in 8 mins)
zhlédnutí 288Před měsícem
This is the shortest Figma mini-course that I've ever made. It should help you get up to speed with Figma in under 8 minutes. We'll cover a bit of almost everything Figma has to cover. Of course, it's a great starter video, but for long-term success with Figma and to get better at it, you need practice and lots of it. While this is a great start, here are 2 resources I have if you're looking to...
Is Figma's New UI3 Worth the Wait?!
zhlédnutí 783Před měsícem
Join me in this video to tour the newly re-designed Figma UI. Figma UI3 (without the AI portion which is still under development). We'll cover what's changed and where everything is now in the new layout. Covering things like Suggest Auto Layout, the new Actions Menu, and more. Don't have Figma yet? Create an account here: psxid.figma.com/ms4a65xe1io3 Looking for a 4-Week Training on Figma and ...
Prototyping a Fully Working App • Prototype like a Pro Workshop
zhlédnutí 184Před 3 měsíci
This is a recording from a workshop we ran on May 30th, 2024 where we took an existing design and brought parts of it to life with a fully working advanced prototype in Figma. We used tools like Variables, and Auto-layout and even added an empty state when there are no items to display. You will need a pro account for parts of the workshop: Create a Figma Account here: psxid.figma.com/ms4a65xe1...
Font Styles in Figma Just Got a Major Upgrade!
zhlédnutí 1,1KPřed 4 měsíci
Figma recently added the ability to apply variables to fonts. This long waited features allows you to apply variables from your local variable table directly to font families, weights, and sizes. No more setting up a separate font style for mobile and web, you can now do that with modes and easily showcase how your fonts look in mobile and web in one go. In this video, we'll explore this featur...
Do These 6 Things to Land a UI/UX Job in 2024
zhlédnutí 168Před 5 měsíci
We all know that we're going through one of the toughest job markets out there, especially when it comes to tech. That's why I've made this video to cover the top 6 things you can do to land a product design or UI/UX role in 2024. Doing these 6 things will put you on a path to securing more interviews and helping you land a job. Link to my Product Design Masterclass (the next cohort will be com...
Generating Wireframes with Relume AI in just minutes!!
zhlédnutí 1,4KPřed 5 měsíci
In this video, I'm going to explore Relume.io which is a site map and wireframe generator that's becoming more and more popular nowadays. We'll try generating wireframes for a food-ordering app together. Relume: www.relume.io/
Product Card Design Tutorial with Variables • Live Demo
zhlédnutí 60Před 6 měsíci
This is a recording of a workshop I had on March 7th, 2024 with designers interested in designing beautiful product cards. We cover how to design 2 unique product cards and use variables for spacing and product information. To follow along, grab a copy of this file: www.figma.com/file/VTmAn6xhuhvGw4tX16VBDz/Product-Card-Workshop?type=design&node-id=14:262&mode=design&t=r9KoRJwC74EdCQ4u-1 Lookin...
Design 10X Faster with Figma's New Multi-Edit
zhlédnutí 177Před 6 měsíci
This one's a feature that we've been waiting for a LOOOOONGGG time from Figma and I'm finally glad they released it. Unless you're using components for almost everything in your design (which isn't always practical or necessary), then you've probably had the issue of having to change the exact same item in multiple frames. Now you can do it all at once! Figma's new multi-edit feature allows you...
Master Auto-Layout in Figma (Free Playground File)
zhlédnutí 308Před 6 měsíci
Designers, you're not alone! When I started working with Figma, I didn't understand Autolayout. It was new to me, and it confused me sometimes. But then I had to move elements around my designs - and that was even more frustrating. I spent some time learning Auto-Layout in more depth and turns out it's not as scary as it looks. That's why I decided to create a playground file to share with begi...
Figma Fast-Track: Master App Design
zhlédnutí 207Před 6 měsíci
Excited to be launching cohort-based courses on Maven! Sign up today for my Figma Fast-Track: maven.com/clevr-studio/product-design-masterclass
My Top 10 FREE Figma Community Files
zhlédnutí 933Před 7 měsíci
The Figma Community section is one of the most underrated features of the app. It's filled with thousands of free and paid files that take your designs to the next level - or help you save hours upon hours of manual work that's not necessary since someone's already done it before! In this video, we'll uncover my current top 10 free Figma community files that I've used in projects: Intro (0:00) ...
Figma Crash Course • Building a Functional Checkout Page with Variables
zhlédnutí 815Před rokem
Figma's new variables feature allows us to do so much more with our designs in much less time. In this video, we'll take a look at applying variables to add multiple colour modes (light and dark modes). We will also learn how to create advanced prototypes, where the buttons change the number of items, the totals, and more on a sample checkout page. Resource (Duplicate this to your drafts): www....
How to Use Figma Variables for Light & Dark Modes
zhlédnutí 2,7KPřed rokem
How to Use Figma Variables for Light & Dark Modes
Best FREE AI Images & Text Generator || Adobe Firefly
zhlédnutí 331Před rokem
Best FREE AI Images & Text Generator || Adobe Firefly
Designing a Checkout Page for a Mobile App (Live Workshop)
zhlédnutí 395Před rokem
Designing a Checkout Page for a Mobile App (Live Workshop)
My Top 7 Figma Widgets • Using Widgets to Speed up Your Workflow
zhlédnutí 1,2KPřed rokem
My Top 7 Figma Widgets • Using Widgets to Speed up Your Workflow
FIGMA CRASH COURSE || Design an Instagram-Like App in Figma in under 35 Minutes!!
zhlédnutí 1,2KPřed 2 lety
FIGMA CRASH COURSE || Design an Instagram-Like App in Figma in under 35 Minutes!!
NEW Prototyping Feature in Figma: Creating Interactive Components
zhlédnutí 2,1KPřed 2 lety
NEW Prototyping Feature in Figma: Creating Interactive Components
Top 5 Mobile UX Design Mistakes & How to Avoid Them
zhlédnutí 748Před 2 lety
Top 5 Mobile UX Design Mistakes & How to Avoid Them
Using Variants to 10x Your Design Speed in Figma!
zhlédnutí 271Před 3 lety
Using Variants to 10x Your Design Speed in Figma!
How to Remove Backgrounds from Images in Seconds!
zhlédnutí 718Před 4 lety
How to Remove Backgrounds from Images in Seconds!
New Color Palette? 🎨 No Problem!! Using Color Styles with Figma
zhlédnutí 2,7KPřed 4 lety
New Color Palette? 🎨 No Problem!! Using Color Styles with Figma
Make Your Figma Animations A LOT Smoother!!
zhlédnutí 3,8KPřed 4 lety
Make Your Figma Animations A LOT Smoother!!
Use Grids & Guides to Make Designing 100x Easier with Figma!
zhlédnutí 192Před 4 lety
Use Grids & Guides to Make Designing 100x Easier with Figma!
This is really great resources, thanks for sharing 😊👍
@@akbarbadsha25 of course! 😃
Its not organised .... the outcome looks scattered
Definitely!
Wow, this 8 mins have been an extremely useful, thank you 🙌🏻
I really dislike the sliver of space inbetween the sidebars and the rulers. May look cool at 1st but serves no purpose, reduces work area / canvas siz and is distracting after a few minutes of actual work. hopefully they create a toggle to revert back
Yeah I can see that! It definitely feels odd at first. There actually is a toggle to go back to the old UI if you don't enjoy using the new one!
I agree. Even a mode that just attached the panels to the edges/top/bottom would help a lot!
Love the video. Great summary and walk through. Personally I felt the background music was a bit loud though.
Appreciate it!
I can tell the only clear video explanation if i want to learn about widgets.Thumbs up!!!
Legend
Use the link in the description if you'd like to follow along this workshop recording.
Looking to design an entire mobile and web app, taking your Figma game to the next level? Join my 6-Week Product Design Masterclass that will take you from 0 to Hero in Figma. Use this link for $150 OFF: maven.com/clevr-studio/product-design-masterclass?promoCode=WORKSHOP150
Thank you
Cool! Thanks
Join my 6-week cohort where I help you become the best designer you can be. You'll work hands-on with me and other designers and walk away with 2 complete mobile and web projects. Check it out: maven.com/clevr-studio/product-design-masterclass
Thanks for the insights, Nima. Found this video quite helpful!
Of course! Happy to help! :)
Thank You!
Very helpful, thanks!
Follow along by duplicating this Figma file to your drafts: www.figma.com/file/VTmAn6xhuhvGw4tX16VBDz/Product-Card-Workshop?type=design&node-id=14%3A262&mode=design&t=5HBJBJnHM2Qu1MN6-1
Join the 6-Week Product Design Masterclass where you'll learn how to design apps you see in my videos. You'll also get access to weekly office hours with me: maven.com/clevr-studio/product-design-masterclass
Link to Playground file: maven.com/p/182f40/master-auto-layout-in-figma-with-a-free-playground-file Link to my Product Design Masterclass: maven.com/clevr-studio/product-design-masterclass/
In what universe is that a sketch???? I meant sketch in pencil
Sketch is a design software www.sketch.com/
Hey Designers! My new product design masterclass is officially launching in 3 weeks! Sign up today: maven.com/clevr-studio/product-design-masterclass
Thanks for watching! If you're interested in levelling up your product design game with Figma? I'm launching a new Product Design Masterclass. Join the waitlist here: maven.com/forms/b7f7b6
Don't have a Figma account yet? Sign up for free: psxid.figma.com/wkqcr
but too bad firefly only provide 250 generative credits a month not by day with premium acc
helped a lot, thanks 🙏
Sign up for Figma today: psxid.figma.com/ms4a65xe1io3 Wanna learn how to design complete Mobile & Web UI/UX with Figma? Check out my complete 6-hour Figma Course: bit.ly/LearnFigma
Very helpful video!🤩
Good job
Thank u so much the video is really helpful !!
Don't have a Figma account? Get started for free psxid.figma.com/wkqcr Try Figjam to brainstorm and collaborate on sketches: psxid.figma.com/fpvqh9xmrrse-pc46ii
Don't have a Figma account? Get started for free (psxid.figma.com/ms4a65xe1io3)
Wanna learn how to design complete Mobile & Web UI/UX with Figma? Check out my complete 6-hour Figma Course: bit.ly/LearnFigma
when i did this none of the "symbols" which are now components, showed up. I cant find any resources regarding that
+sub
i love u so much bro, thanks very much
merci beaucoup a toi :))
So informative, thanks a lot!
god bless u xdd
Worked, thx
It's just awesome
i love u so much bro, thanks very much
your cam is crisp. what cam is it?
it worked! thank you so much!!
thanks a lot!!! so nice reverb
thanks, it actually let me through so i could download it.
Thank you for explaining this thoroughly!
This was so helpful!! Thank you
So cool thanks!
Awesome, great video!
ITS WORKING! nice job dude
niceee