Very helpful video. What i like the most about the video is the lack of bullshit. Most videos the guys over explain the tool, and the video end up being much more longer than needed. Yours was very straight forward and quick and I manage to get lots of tricks that I didn't know yet. Another thing that got my attention, you seem to have lots of useful websites you use in your work flow. Do you have a a list of all this tools you use?
Awesome walkthrough of XD features, uses of those features and your interpretation of how to use them. Some of them were indeed tips. I loved it, very useful and I picked up many shortcuts and features I wasn't aware of. I think if you had created a script to show the work flow this would have been 100% perfect. For example tip #29 where you were mid flow explaining the prototyping and then flipped to UI sets which interrupted your flow. But don't let that one little comment take away how great the video was. Well done. Also I loved your designs.
# 1: Mockups in Adobe Comp App mobile (0:19) # 2: Vectors from Photoshop (2:30) Ctrl C (in photoshop) - Ctrl V (in XD) # 3: 10 px nudge -> 10 px grid (3:08) (* Ctrl + '* - shortcut to grid-) # 4: To Guide or not to Guide (4:32) Press Ctrl to disable the "magnetism" of the guides # 5: Style Guides to the rescue (5:23) # 6: Type rhythm & re-use Styles (6:17) selecting text and creating new text simultaneously makes the created text have the same characteristics as the selected text. Website he shows: www.gridlover.net/ # 7: Font size sweet trick (7:58) # 8: Text substyles (8:56) In the text box we can select a part of the text and make it bold with * Ctrl B *, we can change the color too. # 9: Create text area on paste (9:31) only with the selected artboard, if we have a text in the windows clipboard, just giving Ctrl V automatically creates the text area with the text that was copied. # 10: Reset line height with 0 (10:07) # 11: Nudge color values (10:51) with Shift pressed on the arrows on the keyboards, we can change a selected value, from 10 to 10, this in the color panel. # 12: HEX color values (11:17) in the color panel we can choose colors, in the HEX value, just by typing 1, 2 or 3 values, it completes automatically. If we put 1 value it repeats that value * [Example: #F + ENTER -> #FFFFFF] *. If we put 2 values it repeats the two values * [Example: # 31 + ENTER -> # 313131] *. It is a little different for 3 values * [Example: # 031 + ENTER -> # 003311] *. # 13: Simple Icons in XD (13:20) When we create a shape we can in the color menu create a gradient and in the shape itself we can change the curvature of the edges and if we press Alt we only change the selected border. We can also create Masks with the shapes, select the shape (it must be on the top layer of the object we want to mask) and the object, then Object -> Mask with Shape. # 14: Convert text into Shapes (16:46) with the selected text layer press Ctrl + 8 and the text will be converted to shape. # 15: Image copying & masking (17:57) We can either mask an image or create a shape and put an image on it # 16: Repeat Grid (20:07) Shortcut Ctrl + R # 17: Non-obvius Repeat Grid (21:33) we can create a lot of things with this tool. # 18: Generated Text (22:29) Just like the images we can use .txt files in the layers that we use the Repeat Grid. Website that generates texts: www.repeatgrid.com/ Website that generates Lists www.lists.design/ # 19: Getting rid of Repeat Grid (24:46) If we need to make individual changes to a group of Repeat Grid we can ungroup the Repeat Grid icon itself or use the shortcut * Shift + Ctrl + G *, with the selected grid layer. # 20: Symbol Overrides (26:06) We can create Simblos to use and save them in the tool above layers and any changes we make to the Mester symbol are replicated aloud in the copies. # 21: Border radius trick (28:05) Seen at # 13. # 22: Locking vs Hiding a Layer (28:43) To lock a layer we use the shortcut Ctrl + L and to hide the layer * Ctrl +; *. We may need the latter to manipulate layers behind another layer. # 23: Opacity & Numbers (29:58) with the selected layer we can press numbers and quickly change opacity. [Example: pressing 3 changes the opacity to 30%] [pressing 34 quickly changes the opacity to 34%]. # 24: Renaming layers (30:26) We can quickly navigate through the layers menu with Tab Descend and Shift + Tab _Subir_. # 25: Boolean Operations Paths (31:05) We can deplicate with Ctrl + D in Boolean Operations (pathfinder in illustrator) we can mix the shaps. With Ctrl + 8 and double-clicking on the merged object We can see all the points in the vector. # 26: Ctrl click to select inside group (32:22) # 27: Preview on Device (33:00) We can pair Mobile Phones with XD. # 28: Create meaningful transitions (34:35) # 29: Use UI Kits (36:11) follow the path File -> Open UI Kit # 30: Share Prototypes & Pin comments (37:02)
**Summary of what was covered in the video. #summary Thanks @ Diagramer Diagramação
that was just amazing Greg ! absolute gold nuggets of information ! highly recommended for beginners and pros as well ! great work man ! duly appreciate the work you put into making this video :)
Best soft soft tutorial for beginners on UA-cam! I'm an absolute beginner and all the other tutorials I've found on UA-cam have been so
Finally soone who speaks in a calm way and getting to the point asap
THIS TUTORIAL REALLY WORKS I AM FROM PHILIPPINES! THIS MAN DESERVES A SUBSCRIPTION!
appreciate the hardwork put behind this. such a underrated youtuber
It's so pleasing. The setuping and mastering softs amazing.
This is probably the best "Tips and Tricks" video I have ever seen. What a helpfull video!
Happy to hear that, thanks!
So far the only tutorial I've seen that takes it slow and doesn't require prior experience to soft design.
The most helpful tutorial I have seen by far!
Best tutorial till now . All shortcuts are of great use to designers. thanks for sharing details.
This is the best free software Ive seen. Respect.
TNice tutorials might just be the first motivational comnt ive ever seen on a tutorial vid. ga thanks bro
Super great video makes excited to learn more and get started! Love the "stay organized" motto !!
Nice video man, clear and concise explanation! Thanks a lot!
Thanks! I've been searching how to get it and this is brilliant :D
Very informative tutorial for UI/UX Designer and user of Adobe XD
Thank you so much!!! It did work and took less than 5 minutes!
Very helpful video. What i like the most about the video is the lack of bullshit. Most videos the guys over explain the tool, and the video end up being much more longer than needed. Yours was very straight forward and quick and I manage to get lots of tricks that I didn't know yet.
Another thing that got my attention, you seem to have lots of useful websites you use in your work flow. Do you have a a list of all this tools you use?
Thank you for that! The "no BS video" is exactly what I'm going for - just essentials, tips and explaining. I'm glad that you liked it!
What about doing another video just showing all those side tools you use? I didn't know Gridlover for example, and it is very very helpfull.
@Ricardo, in production... actually, a whole library of courses is coming to learnux.io very soon!
SO FREAKING HELPFULL!!!
Awesome! Thanks!
Very helpful and no time wasting, i love it. Thank you very much.
Extremely helpful. I love how you packed so many useful tips into one easy to watch video. Thank you for sharing this.
You're welcome!
The best soft soft tutorial ever!
IT'S ALWAYS THE UNDERRATED VID THAT'S LEGIT! THANK YOU!
learned so much within less than 40min, very helpful. Thank you very much!
its priceless. the slickness and the passion of the devs. priceless. what is cheaper and better than soft? Piracy is NOT the answer if you
Awesome walkthrough of XD features, uses of those features and your interpretation of how to use them. Some of them were indeed tips. I loved it, very useful and I picked up many shortcuts and features I wasn't aware of. I think if you had created a script to show the work flow this would have been 100% perfect. For example tip #29 where you were mid flow explaining the prototyping and then flipped to UI sets which interrupted your flow. But don't let that one little comment take away how great the video was. Well done. Also I loved your designs.
Thank you so much for making stuff in soft a lot easier to understand.
probably the richest tutorial video on UA-cam 😍😍😍😍 so helpful thnx man for this
Still working as of today! Thank you!
Thank you so much for sharing your experience with us. God bless you .
unbelievably well explained...to the point, no wafsofte wafsofte chat...you´re the dude ..thanks!
I realy liked the feature which is drag-able image into shapes... Fantastic Video..
Wow what an acNice tutorialevent! Best of luck for the rest of your future, I’m looking forward to being able to invest when I turn 21 in November!
Clear, fast and very helpful! ty!
cool video it helped out a ton with starting out and composing my first soft
A gold mine of tips, Ive soo subbed
Thanks Chris! A lot more coming soon to learnux.io!
Thanks man!! You've earned my respect
Installed, everything works, thanks!
Very useful tips and tricks. Thank you.
Thank you. I am new to Xd and you made my day.
Thank you so much this helped a lot!!!! You saved my life
This video shows me why it's sense to using XD for building website projects. It convinced me, so thank you a lot.
Thanks for your tut video, learn lots from it. Need time to remember the shortcut.
Kawał dobrej roboty Grzegorz:) Udało ci się zarazić mnie Adobe XD
Great to the point guide. Thank you.
Would not have minded some more prototyping hints, but great video.
Thanks bud! great video and instructions.
Thank you for a super useful video for us first time XD users! And your accent just makes me smile haha
You are magician... you able to zip knowledge ocean in just 39 Min.... Great job
The video was so helpful!Thanks a lot!
Thank you man. This one video enough for XD. more helpful for me.
Thank you! I think you might change your mind when you check out - learnux.io/course/adobe-xd - you'll need more videos :D
That was very useful and very well presented! Thank you!
You are an excellent teacher! These tips are very helpful. Thank you very much!
I think Adobe finally has a product that is making me not care to buy the upgrade to Sketch. Smart to include prototyping in the software core.
# 1: Mockups in Adobe Comp App mobile (0:19)
# 2: Vectors from Photoshop (2:30) Ctrl C (in photoshop) - Ctrl V (in XD)
# 3: 10 px nudge -> 10 px grid (3:08) (* Ctrl + '* - shortcut to grid-)
# 4: To Guide or not to Guide (4:32) Press Ctrl to disable the "magnetism" of the guides
# 5: Style Guides to the rescue (5:23)
# 6: Type rhythm & re-use Styles (6:17) selecting text and creating new text simultaneously makes the created text have the same characteristics as the selected text. Website he shows: www.gridlover.net/
# 7: Font size sweet trick (7:58)
# 8: Text substyles (8:56) In the text box we can select a part of the text and make it bold with * Ctrl B *, we can change the color too.
# 9: Create text area on paste (9:31) only with the selected artboard, if we have a text in the windows clipboard, just giving Ctrl V automatically creates the text area with the text that was copied.
# 10: Reset line height with 0 (10:07)
# 11: Nudge color values (10:51) with Shift pressed on the arrows on the keyboards, we can change a selected value, from 10 to 10, this in the color panel.
# 12: HEX color values (11:17) in the color panel we can choose colors, in the HEX value, just by typing 1, 2 or 3 values, it completes automatically. If we put 1 value it repeats that value * [Example: #F + ENTER -> #FFFFFF] *. If we put 2 values it repeats the two values * [Example: # 31 + ENTER -> # 313131] *. It is a little different for 3 values * [Example: # 031 + ENTER -> # 003311] *.
# 13: Simple Icons in XD (13:20) When we create a shape we can in the color menu create a gradient and in the shape itself we can change the curvature of the edges and if we press Alt we only change the selected border. We can also create Masks with the shapes, select the shape (it must be on the top layer of the object we want to mask) and the object, then Object -> Mask with Shape.
# 14: Convert text into Shapes (16:46) with the selected text layer press Ctrl + 8 and the text will be converted to shape.
# 15: Image copying & masking (17:57) We can either mask an image or create a shape and put an image on it
# 16: Repeat Grid (20:07) Shortcut Ctrl + R
# 17: Non-obvius Repeat Grid (21:33) we can create a lot of things with this tool.
# 18: Generated Text (22:29) Just like the images we can use .txt files in the layers that we use the Repeat Grid. Website that generates texts: www.repeatgrid.com/ Website that generates Lists www.lists.design/
# 19: Getting rid of Repeat Grid (24:46) If we need to make individual changes to a group of Repeat Grid we can ungroup the Repeat Grid icon itself or use the shortcut * Shift + Ctrl + G *, with the selected grid layer.
# 20: Symbol Overrides (26:06) We can create Simblos to use and save them in the tool above layers and any changes we make to the Mester symbol are replicated aloud in the copies.
# 21: Border radius trick (28:05) Seen at # 13.
# 22: Locking vs Hiding a Layer (28:43) To lock a layer we use the shortcut Ctrl + L and to hide the layer * Ctrl +; *. We may need the latter to manipulate layers behind another layer.
# 23: Opacity & Numbers (29:58) with the selected layer we can press numbers and quickly change opacity. [Example: pressing 3 changes the opacity to 30%] [pressing 34 quickly changes the opacity to 34%].
# 24: Renaming layers (30:26) We can quickly navigate through the layers menu with Tab Descend and Shift + Tab _Subir_.
# 25: Boolean Operations Paths (31:05) We can deplicate with Ctrl + D in Boolean Operations (pathfinder in illustrator) we can mix the shaps. With Ctrl + 8 and double-clicking on the merged object We can see all the points in the vector.
# 26: Ctrl click to select inside group (32:22)
# 27: Preview on Device (33:00) We can pair Mobile Phones with XD.
# 28: Create meaningful transitions (34:35)
# 29: Use UI Kits (36:11) follow the path File -> Open UI Kit
# 30: Share Prototypes & Pin comments (37:02)
**Summary of what was covered in the video. #summary
Thanks @
Diagramer Diagramação
that was just amazing Greg ! absolute gold nuggets of information ! highly recommended for beginners and pros as well ! great work man ! duly appreciate the work you put into making this video :)
Thank you so much @1306anand!
👏👏 You convinced me to use Adobe XD
Excellent tips...Thank You!
Thanks! You deserve way too many subscribers.
Thanks a lot for all those tips !
I checked - everything is clean
WOW! THANKS! :) I learned a lot here that were not discussed in other tutorials, in just half an hour! :) good job, Sir! :)
very good tutorial, wich font are you using?
Congrats!!! When did you first start investing
You are a genius. Has to be said. Thanks for putting this together
Your video is very helpful.. thank you so much
I'm french, i live in france, it's genial !! please again video on Adobe XD ^^. And A BIG THINK FOR YOUR VIDEO ^^
A very interesting and clean job, thanks for sharing it
Thank you very much for the quality of this video. Loved it! Cheers!
This might be the most helpful video I have ever watched :O
even on my weak computer the installation did not take much time, thank you very much
That was amazingly helpful!! Thank you so much!!! 🙌
Hey, good video. For future videos i would recommend a editing soft
I love your tutorials
wow! we always have everytNice tutorialng to learn! Great to know you!
it's so amazing and to the point, thanks for your effort
you are FC man ! Thanks a ton. You saved months of my time.
Nice and awesome tutorial, I find it so useful and very informative.
Thank you so much and looking for more tutorials from you :)
Thank you! I've just launched over 40 hours of content on learnux.io, hope to get your feedback on that! All the best, Greg
awesome tutorial, i love the website that you explain for this video. keep update bro!
You made a Hamburger menu with repeat grid. Wow! Great vid, thanks!!!!!!!!!
Very helpful !!! Thank you so much !!!
Nice to learn. Can you recommend some xd resources websites as well?
So informative. Thank you so much!!
Thank you so much! I'm now in love with XD 😍 One question is where do you guys get your mockups and vectors?
Legend says he's still not back..
Very helpful tips. Thank you.
What an angel! You save my broken head!
thank you straight to the point
Nice 👍
Does adobe XD Tricks also work on Figma?
it's finally ti. i'm ready to learn.
its very helpfull for me ... great job......thnks dude .... :)
Great video, thanks for sharing. Adobe XD is wonderful.
2022 y me funciono perfecto, muchisimas gracias!
that was just amazing, i really what to hear more from u... thank you
it worked! thank you so much!!
Keep up the good work bro, love u
Thanks for the video, it's amazing and super helpful! Quick question - How can we type text in a circular path?
Pretty helpful! Subscribed.
clear and crisp :)
Thank you very much for this, it has been very helpful
TNice tutorials video really helped! Thank you ❤
this video helped me. thanks