![Design with Mitch](/img/default-banner.jpg)
- 190
- 27 912
Design with Mitch
United Kingdom
Registrace 18. 07. 2016
Every Wednesday, I drop videos covering everything I'm passionate about, from UI design, UX design and hopefully some VLOGs/Photography in the future as well!
UI faces #ui #faces #avatars #figma #plugins
UI faces + a creepy statue at the end :-)
Image credit - UI faces plugin.
Website: designwithmitch.com
Image credit - UI faces plugin.
Website: designwithmitch.com
zhlédnutí: 6
Video
The new beta UI3 Figma #figma #ui3 #beta
zhlédnutí 54Před 16 hodinami
Image credit Pexels.com - Andrea Piacquadio Website: designwithmitch.com
PRD template FigJam #prd #document #template #figjam #figma
zhlédnutí 13Před 14 dny
Image credit Pexels.com - Pixabay Website: designwithmitch.com
Figma shadows plugin #figma #shadow #plugins
zhlédnutí 31Před 21 dnem
Image credit Pexels.com - Lewis Burrows Website: designwithmitch.com
Figma updates June 2024 #figma #updates #june #2024
zhlédnutí 62Před 28 dny
Slides, AI and more! Website: designwithmitch.com
Garage overhaul & storage improvements #diy #organise #budget #storage #garage #overhaul #timelapse
zhlédnutí 78Před měsícem
Product used: Yaheetech 3PCs heavy duty 5 tier shelving units (not sponsored) Chapters: 0:00 The problem 1:00 The solution 1:22 Delivery tools required 1:42 Clearing a space 2:02 Space cleared 2:20 Building shelf 1 3:54 Building shelf 2 4:32 Building shelf 3 6:08 Placing shelves 7:00 Loading the shelves 7:43 Day 2 cleanup 8:19 Outro Website: designwithmitch.com
Organise your Figma pages #organise #figma #pages
zhlédnutí 22Před měsícem
Image credit Pexels.com - Jill Burrow Website: designwithmitch.com
5 Whys #5 #whys #problemsolving #process
zhlédnutí 3Před měsícem
Image credit Pexels.com - Ann H Website: designwithmitch.com
Figma - Color styles to variables #figma #colour #styles #variables
zhlédnutí 48Před měsícem
Image credit Pexels.com - Magda Ehlers Website: designwithmitch.com
UX checklist #ux #checklist
zhlédnutí 12Před 2 měsíci
Image credit Pexels.com - Pixabay Website: designwithmitch.com
Material design - component states #figma #components #states #material #design #designsystems
zhlédnutí 37Před 2 měsíci
Image credit Pexels.com - Google DeepMind Website: designwithmitch.com
Consistency is key #consistency #key
zhlédnutí 11Před 2 měsíci
Image credit Pexels.com - Ron Lach Website: designwithmitch.com
Measure & annotate in Figma (dev mode) #measures #annotate #figma #tools #dev #mode
zhlédnutí 169Před 2 měsíci
Image credit Pexels.com - Nataliya Vaitkevich Website: designwithmitch.com
Figma - Open in split tab #figma #open #split #tabs
zhlédnutí 65Před 2 měsíci
Image credit Pexels.com - Andrea Piacquadio Website: designwithmitch.com
Another free tool for flows and wireframes #free #wireframing #tools #design
zhlédnutí 78Před 3 měsíci
Another free tool for flows and wireframes Tool: www.drawio.com/ Image credit: Photo by picjumbo.com from Pexels
Holiday + photography #holiday #photography #spain #benalmádena
zhlédnutí 12Před 3 měsíci
Holiday photography #holiday #photography #spain #benalmádena
Typescale plugin Figma #figma #typography #plugins
zhlédnutí 45Před 3 měsíci
Typescale plugin Figma #figma #typography #plugins
Using variable fonts in Figma #variable #fonts #figma
zhlédnutí 53Před 3 měsíci
Using variable fonts in Figma #variable #fonts #figma
Noise & texture plugin Figma #noise #texture #plugin #figma
zhlédnutí 110Před 3 měsíci
Noise & texture plugin Figma #noise #texture #plugin #figma
Unboxing my new camera lens - (Venus Laowa macro) #venus #laowa #camera #lens #macro #photography
zhlédnutí 33Před 4 měsíci
Unboxing my new camera lens - (Venus Laowa macro) #venus #laowa #camera #lens #macro #photography
Designing a conversational UI this Figma plugin will help #conversational #plugin #figma #ui
zhlédnutí 53Před 4 měsíci
Designing a conversational UI this Figma plugin will help #conversational #plugin #figma #ui
6 productivity hacks for product designers #productivity #hacks #product #designer #ux
zhlédnutí 45Před 4 měsíci
6 productivity hacks for product designers #productivity #hacks #product #designer #ux
New Figma features - Multi-edit #figma #features #multi #edit
zhlédnutí 92Před 4 měsíci
New Figma features - Multi-edit #figma #features #multi #edit
Pixel cleaner plugin Figma #figma #pixel #cleaner #plugin
zhlédnutí 66Před 4 měsíci
Pixel cleaner plugin Figma #figma #pixel #cleaner #plugin
Creating gradient shapes in Figma #gradient #shapes #figma
zhlédnutí 116Před 5 měsíci
Creating gradient shapes in Figma #gradient #shapes #figma
Using Chromes browser developer tools as a designer #chrome #developer #tools #design
zhlédnutí 56Před 5 měsíci
Using Chromes browser developer tools as a designer #chrome #developer #tools #design
Free stock photos & videos + Figma plugin #figma #plugins #pexels #stockphotos
zhlédnutí 92Před 5 měsíci
Free stock photos & videos Figma plugin #figma #plugins #pexels #stockphotos
Life admin - getting stuff done #vlog #life #admin
zhlédnutí 33Před 5 měsíci
Life admin - getting stuff done #vlog #life #admin
Keyboard shortcuts to navigate layers in Figma #keyboard #shortcuts #figma
zhlédnutí 116Před 5 měsíci
Keyboard shortcuts to navigate layers in Figma #keyboard #shortcuts #figma
Literally exactly what I was hoping to see!! Thank you SO much, I have a massive webpage designed on figma and manually clicking through dozens and dozens of containers all day long was driving me insane 😅
Nice! Glad this helps 👍
I was searching for figma local colors edit it is now dissappeard from the front and your video helped me to edit my saved local colors :D
Thanks for the comment. Glad it helped!
Do you know any plugins that will show the design token name rather than the pixel value?
This was really helpful. Thank you!
Glad it helped 👍
Aye take it the the council tip laad and get a real bike
Cool video for a cool camera.
Very useful video. I knew some of this but great to get the comprehensive coverage. FWIW, I came here because I forgot the keyboard shortcut for moving a layer up and down in the list which wasn't covered so perhaps another video.
Thanks for the comment! Yes, that would have been a good one to include 👍 On a Mac moving an item up and down in the layers panel: Up = CMD + [ Down = CMD + ]
Does this need switching on, I don't see this on any component 😶
Hey 👋Check out this video I released Sunday "New Figma features - Multi edit" Link: czcams.com/video/xjfCmJtcXZk/video.htmlsi=tcSGZo5XtS-jU-QK Probably best to watch the whole video or skip to 5:56 for multi edit text. Let me know if this works for you 👍
Nice one. Thanks 👍
Sir... keep continuing you explain such a great, make tutorial i learn alot from you!
Thanks
Great sir
Thanks alot
No problem thanks for watching 👍
@DesignwithMitch Hello sir, can I have your email address because there is one circle type of design on a landing page so I want to send you that can you design it on figma?
Hey 👋 I don’t have an email to give out at the moment. Feel free to add some information in the comments on the designs thanks 👍
Figma balls
Thanks, very helpful!
Thanks for this 😊
No problem! Thanks for the comment! 👍
Great share. Is your button built from a label with autolayout added? Or is it made from a separate label and icon pluss shape. The variation in space varies between typefaces ever so slightly, but even if I have zero line-height the space variation you demonstrate is there. This has been an nuance from day one and I've always wondered about it. The difference is 6px on average for the typefaces I've tried and it's always on topside of the text box, never underneath for the baseline. Vertical trim will be called leading-trim in CSS from what I can see, so dunno why Figma has chosen another non compliant name for it. Let's hope it get's accepted in the markup standard some day, or else it's just gonna be a Figma thing. There's heaps of interesting stuff happening in CSS with type these days, variable fonts is now supported. developer.mozilla.org/en-US/docs/Web/CSS/CSS_fonts/Variable_fonts_guide
Thanks for commenting. Yes the button is built with autolayout applied 👍. Thanks for the useful link 🙏
I use this almost everytime.
Nice!
This feature is great, but as I heard from the coder, I shouldn't use it because it complicates the coders' work, and the CSS is not prepared for it... I'm doing research, but maybe you have a ready-made solution?
Thanks for the comment. There is a related Figma thread here that could be of use to you: forum.figma.com/t/vertical-trim-is-nice-but-without-css-support-its-kind-of-useless-what-am-i-missing/41605
Amazing resource helpful, good explanation 👌🙏
People be asking: what is Figma? 😂
Let’s hope Figma stays Figma
Hello there! It seems that you have good content but the volume is very low. If you can fix that you will retain your audience.
Hey 👋 Thanks for the feedback 👍 it’s something I am aware of and should be fixed soon. Thanks again 😀
Hey just want to say that your videos are really useful for me as I practice my design skills. Keep up the good work!
Glad you like them!
This channel is lowkey a gem
Thanks Mitch
Any time!
In my preview the page wont scroll up/down? Please help!
Hey! Hard to say when I am unable to see the design. Make sure you have applied 'fixed position when scrolling' to the correct elements and check your design is long enough to scroll. Hope this helps :-)
@@DesignwithMitch I kinda love you and hate you at the same time. I've been searching all over trying to figure out how to scroll in Sketch prototyping and this video gave me the answer half way... Not the clearest explanation BUT now I get it. Figured it out :-)