![ulearn](/img/default-banner.jpg)
- 187
- 1 124 736
ulearn
Canada
Registrace 21. 10. 2011
Quick, practical design tutorials for design & web development. Discover your unique path to learning with ulearn! Unlock your creative potential beyond tools. Dive into our CZcams channel from educational tutorials to insightful tips and tricks. No excuses-everyone can learn with uLearn!
Whether you're into InDesign, Photoshop, Illustrator, XD, Figma, LinkedIn, or CZcams, we've got your back. Join our vibrant community for resources, expert knowledge, and inspiration to fuel your creative journey. Let's unleash your design prowess together-master techniques and processes to elevate your skills!
Let's work smarter, not harder!
Subscribe now - you won't regret it!
czcams.com/channels/3T5-Ja3PyxBgiH_XK2WIUA.html
Whether you're into InDesign, Photoshop, Illustrator, XD, Figma, LinkedIn, or CZcams, we've got your back. Join our vibrant community for resources, expert knowledge, and inspiration to fuel your creative journey. Let's unleash your design prowess together-master techniques and processes to elevate your skills!
Let's work smarter, not harder!
Subscribe now - you won't regret it!
czcams.com/channels/3T5-Ja3PyxBgiH_XK2WIUA.html
Create Style Guides Automatically in Figma
Learn how to create a style guide in Figma and export it as a PDF in this comprehensive but quick tutorial! By using the Automatic Style Guides plugin, we'll guide you through generating your style guide effortlessly. Discover how to maintain its relevance with real-time updates and export it for easy sharing with your team. Elevate your project's consistency and efficiency with this essential tool.
🔔 Subscribe for more tips just like this: bit.ly/ulearn-subscribe
Are you having trouble understanding Adobe's tools or applications? Visit my playlists for a visual quickstart to your learning. czcams.com/users/ulearntechplaylists
🎬 Watch our most recent videos: bit.ly/ulearn-videos
🎓 If you love the channel but want to learn even more, read our blog for in-depth tutorials: ulearn.tech/blog
🎥 Thank you for watching this video. For more content just like this make sure to subscribe to the channel, so that you're the first to be notified when there are new videos released:
🔔 bit.ly/ulearn-subscribe
Let's get started and have some fun!
ulearn.tech
🔔 Subscribe for more tips just like this: bit.ly/ulearn-subscribe
Are you having trouble understanding Adobe's tools or applications? Visit my playlists for a visual quickstart to your learning. czcams.com/users/ulearntechplaylists
🎬 Watch our most recent videos: bit.ly/ulearn-videos
🎓 If you love the channel but want to learn even more, read our blog for in-depth tutorials: ulearn.tech/blog
🎥 Thank you for watching this video. For more content just like this make sure to subscribe to the channel, so that you're the first to be notified when there are new videos released:
🔔 bit.ly/ulearn-subscribe
Let's get started and have some fun!
ulearn.tech
zhlédnutí: 1 070
Video
Creating Text Styles in Figma in 90 seconds!
zhlédnutí 766Před 5 měsíci
Learn to effortlessly create and apply Styles to enhance your designs across the board. 🔔 Subscribe for more tips just like this: bit.ly/ulearn-subscribe Are you having trouble understanding Adobe's tools or applications? Visit my playlists for a visual quickstart to your learning. czcams.com/users/ulearntechplaylists 🎬 Watch our most recent videos: bit.ly/ulearn-videos 🎓 If you love the channe...
Typography Essentials in Figma
zhlédnutí 132Před 5 měsíci
In this Figma tutorial, we dive into the intricate world of typography and its role in design. Beyond simply choosing fonts, we explore how factors like readability, mood, and brand consistency influence your message. Learn how to manipulate fonts, sizes, weights, and alignments within Figma, unlocking a world of design possibilities to enhance your projects.. 🔔 Subscribe for more tips just lik...
Quickly Hide or Remove Comments in Figma
zhlédnutí 1,6KPřed 6 měsíci
Learn simple methods to either hide or remove comments from your Figma designs quickly within seconds! Timestamps: 00:00 Intro 00:09 Use Keyboard Shortcut in Hiding Comments Quickly 00:14 Comments Icon - Settings 00:23 Deleting Comments that You Made 00:44 Resolving Comments by Others 01:07 View All Resolved Comments 01:19 Unresolved (Undo) a Comment 01:29 Synopsis 🔔 Subscribe for more tips jus...
Ultimate Figma Hack for Photoshop Files
zhlédnutí 4,4KPřed 6 měsíci
In this Figma tutorial, we'll guide you through the process of a workaround for opening Photoshop files in Figma is demonstrated in this tutorial. Rather than directly importing Photoshop files into Figma or relying on plugins, we present an alternative method. By following these steps, you can effectively bridge the gap between the two design tools and enhance your workflow. Timestamps 00:00 I...
Do this to Open Adobe Illustrator Files into Figma without Adobe Illustrator
zhlédnutí 2,3KPřed 6 měsíci
Are you an agency that has Adobe Photoshop but didn't think you will ever need Adobe Illustrator since you have Figma? If so, there are two ways to go about it. First, you could consider hiring someone to manually recreate the files for you (like me). Alternatively, you have the option to handle the conversion yourself for free. Learn how to swiftly convert and upload a compatible file for Figm...
XD to Figma in Seconds for Free (No Plugin)
zhlédnutí 3,7KPřed 6 měsíci
Learn how to convert files effortlessly with a FREE method using only Adobe XD and Figma. This tutorial requires no plug-ins or extensions, making it a seamless process. XD File in the video: unblast.com/free-mantra-yoga-minimal-ui-kit-xd 🔔 Subscribe for more tips just like this: bit.ly/ulearn-subscribe Are you having trouble understanding Adobe's tools or applications? Visit my playlists for a...
Master Real Favicon Generator: The Correct, Quick, and Free Way
zhlédnutí 639Před 7 měsíci
A favicon is the petite icon that appears in the upper left corner of the tab when the website is open, and it also serves as the bookmark icon on your phone. Using the Real Favicon Generator (realfavicongenerator.net/) with correctly built files ensures you won't encounter an error message. If you built it at the wrong size, there's a high likelihood you will receive an error message. A favico...
Scrollable Lists in Figma Tutorial
zhlédnutí 1KPřed 7 měsíci
Explore the process of creating a scrollable list in Figma by following our detailed video tutorial. Keep in mind that there are multiple approaches to achieving this, and we anticipate sharing additional alternatives in the future. 🔔 Subscribe for more tips just like this: bit.ly/ulearn-subscribe Are you having trouble understanding Adobe's tools or applications? Visit my playlists for a visua...
Scroll Behaviors in Figma: Parent, Fixed, and Sticky
zhlédnutí 1,9KPřed 7 měsíci
What are Scroll Behaviors? We will delve into the basics of Scroll Behaviors in Figma-Scroll with Parent, Fixed, and Sticky-elevating your UI design expertise in a quick tutorial. That's right, straight to the point so that you can do what's important-designing, not watching hours of videos! 🔔 Subscribe for more tips just like this: bit.ly/ulearn-subscribe Are you having trouble understanding A...
Where is Fixed Positioning
zhlédnutí 356Před 7 měsíci
Fixed scrolling positions were previously found in the 'constraints' section in Figma but now fall under the Prototype stage in scroll behaviours. In the position section, you have choices like scroll with parent, fixed (stay in place), and sticky (stop at the top edge). 🔔 Subscribe for more tips just like this: bit.ly/ulearn-subscribe Are you having trouble understanding Adobe's tools or appli...
How to Design a Horizontal and Vertical Scroll in Figma
zhlédnutí 513Před 7 měsíci
In this brief and comprehensive step-by-step tutorial, we will guide you on prototyping horizontal and vertical scrolls in Figma. Discover the seamless process to enhance your Figma designs with engaging scroll features for both mobile and desktop interfaces. 🔔 Subscribe for more tips just like this: bit.ly/ulearn-subscribe Are you having trouble understanding Adobe's tools or applications? Vis...
How to Open a File in Figma
zhlédnutí 5KPřed 7 měsíci
If you got a Figma file from someone or snagged one off a website, ever wondered how to crack it open in Figma? Double-click that file won't work... at least, not yet! 🔔 Subscribe for more tips just like this: bit.ly/ulearn-subscribe Are you having trouble understanding Adobe's tools or applications? Visit my playlists for a visual quickstart to your learning. czcams.com/users/ulearntechplaylis...
How To Share Figma Files
zhlédnutí 2,9KPřed 7 měsíci
Learn three different methods, including email sharing, Figma Community publication, and copy the link. Whether you're on a Professional or Educational account, discover tips for setting permissions, passwords, and expiration dates. Save time and frustration with easy-to-follow steps! 🔔 Subscribe for more tips just like this: bit.ly/ulearn-subscribe If you want to copy the file, make sure to Lo...
Mastering Figma: The Magic of Interactive Drop-Down Accordion Style!
zhlédnutí 218Před 7 měsíci
How to design and create an expandable menu or tab with an accordion-style layout in Figma, similar to the user-friendly format used by Google on their interface. 🔔 Subscribe for more tips just like this: bit.ly/ulearn-subscribe Are you having trouble understanding Adobe's tools or applications? Visit my playlists for a visual quickstart to your learning. czcams.com/users/ulearntechplaylists 🎬 ...
Using Components in Figma (for Beginners)
zhlédnutí 322Před 8 měsíci
Using Components in Figma (for Beginners)
Create Wireframes with ChatGPT and Figma!
zhlédnutí 10KPřed 8 měsíci
Create Wireframes with ChatGPT and Figma!
How to Quickly Bulk Rename Layers in Figma
zhlédnutí 407Před 10 měsíci
How to Quickly Bulk Rename Layers in Figma
Beginner's Guide to Wireframe Design in Figma
zhlédnutí 1,2KPřed 10 měsíci
Beginner's Guide to Wireframe Design in Figma
Iconify Plugin: Boost Your Figma Workflow
zhlédnutí 422Před rokem
Iconify Plugin: Boost Your Figma Workflow
Game-Changing Tutorial: Convert Adobe XD to Figma in Seconds or Minutes
zhlédnutí 33KPřed rokem
Game-Changing Tutorial: Convert Adobe XD to Figma in Seconds or Minutes
Add Colors to Fills, Strokes and Text in Adobe InDesign
zhlédnutí 1,2KPřed rokem
Add Colors to Fills, Strokes and Text in Adobe InDesign
Level Up Your Design: Make Shapes and Lines in Adobe InDesign
zhlédnutí 921Před rokem
Level Up Your Design: Make Shapes and Lines in Adobe InDesign
Get a Job: Craft a Unique, Standout Resume!
zhlédnutí 208Před rokem
Get a Job: Craft a Unique, Standout Resume!
Time-Saving Tips for InDesign: Paragraph and Character Styles Revealed!
zhlédnutí 1,1KPřed rokem
Time-Saving Tips for InDesign: Paragraph and Character Styles Revealed!
Working with Primary Text Frames in InDesign
zhlédnutí 2,3KPřed rokem
Working with Primary Text Frames in InDesign
Working with Bleeds and Slugs in InDesign
zhlédnutí 1,8KPřed rokem
Working with Bleeds and Slugs in InDesign
It all works until I create a new file and then paste it. It pastes a broken version of what I'd copied. No image appears but a few of the anchor points can be seen. Very few. What did I miss?
@@LARRYLONGSTRETH use the direct selection tool to remove the unwanted artwork first. Then when ready, either do a marquee selection or Command A for the Mac or Control A for the PC. Then paste. If you are only getting a broken artwork, it means something may not have been completely selected and copied.
Thank you! This video helped me a lot!
@@alinamironova9579 you're very welcome. Glad to hear the video was helpful. Make sure to subscribe to the channel and turn on the notification bell for the next tip or trick. Working on Figma tutorials at the moment but do plan on circling back to Illustrator tutorials eventually!
what did you do i didn’t understand pls reply😭😭
Just rewatch it @alansleftnut, it's only 12 seconds. It tells you how to close all open folders or files. Turn on the captions if it helps
now obsolete
That's not true @qubit002 ...I did a search on a new account as well, you can go the plug-in webpage as well. wiregen.ai and if you scroll down, you will see the Figma plugin button as well in blue
this is now obsolete
Are you on the Resources - Plugins, not the Components tab? I did a search, and Wiregen does show up. Also, you can find it on their website (wiregen.ai) by scrolling down to the blue button.
For me it doesn't work so well, some styles and colors are missing from the original XD. I am wondering if I am doing something wrong?
@AliceMoretti-w1y , you need to make sure the colors are saved as styles. Around the time 1:10, import color & text styles... The XD files needs these to be saved correctly as a style. That's the only thing I could think of for why it isn't working on your end. Try that out first. And let me know. There are only 10 free Converts and after that you need to pay. If you want, you can try copying the SVG code to Figma as well... czcams.com/video/qa36cBXh3vM/video.htmlsi=WTI8ByOlyzA-IV_o
thx
@sashaBejenari Thrilled to hear the video helped you transition from Photoshop to Figma! You'll be surprised what you can create! Remember, practice makes perfect. With a little time and effort, you'll be a Figma pro in no time. It's always great to know that my content is making a difference. Please support the channel by subscribing, hitting the notification bell for the next tip or trick and sharing with others. And thanks again for watching!
Brroooo, that literally worked. Nice!!! TNX A LOT!!!!
@Top.10.English I'm so happy to hear that the video helped you create wireframes with ChatGPT and Figma! It's always great to know that my content is making a difference. Thanks for watching, please support the channel by subscribing, hitting the notification bell for the next tip or trick and sharing with others who may benefit from this as well.
Nice, Clear and concise and simple, thank you
Thanks @ILove500DaysofSummer for watching my video on creating pattern swatches in Illustrator! I'm glad you found the video helpful, please consider subscribing to my channel for more design tutorials and tips. You can also share the video with anyone you think might benefit from it. If you have any other questions about creating pattern swatches or Illustrator in general, feel free to ask! I'm always happy to help!
I had been trying for so long to get a way to do that! Thank you so much for posting this!
@@pavitramehta1 no worries, an easy trick no doubt. Thanks for watching!?
amazing! thank you from Brazil! 🇧🇷
@7labmkt Granted I guess I could wrote 'Photoshop Hack for Figma too!' It's to hear that you were able to utilize those Photoshop files directly in Figma. It's a significant time-saver compared to starting from scratch. By leveraging existing assets, you can streamline your design workflow and allocate more time to the creative aspects of your project. It's a prime example of how effective tool integration can boost productivity and efficiency. If you like this video, make sure to hit that like button, subscribe, share and turn on the notification bell for more tips and tricks! Excited to create more Figma tutorials for you all! Thanks for watching!
BRAVO.....Thanks mate.
@@raajampolu912 you are very welcome. Although there is a plugin to download, you only get 10 freebies to convert. If you watch this video, XD to Figma, no plug-ins required, you could do it for free as well...czcams.com/video/qa36cBXh3vM/video.html
Thank you so much for sharing this info! I was saved from my friend about to nag at me 😅😅🤣🤣
@@darkmerrygoround it's a nice trick and tip from Photoshop to XD...but creating mockups and prototypes in XD is so much faster than say with Photoshop especially when you get the hang of it. Many of my students still prefer XD over Figma!
Thank you!
@@filtexlady08 hope you are enjoying your new MacBook... Much easier to work with than a PC!?
Thank you thank youuuuuuu you solved my life 😊
Huge relief that my video helped save your life, @sisousidney8252! It's amazing how quickly things can turn around. Please share this if you think it could be a lifesaver for someone else.
Thank you so much
@spectre_gaming2 you are very welcome. Although, there are a few other ways as well to get your XD files to Figma, as the Convertify plug-in does have 10 free conversions you may wanna watch this video without the use of any plugin ( *XD to Figma in Seconds! SVG Code Import (No Plugin) czcams.com/video/qa36cBXh3vM/video.html* .... It may just as better
thanks
@home_produktionen You are very welcome! Adding live hyperlinks to your prototype elevates your designs by making them feel incredibly close to the final product.
Thank u very much for ur content bro
@viduntharumika5471 Glad you liked the XD to Figma trick! If you're interested in learning more about Figma, be sure to subscribe to stay up-to-date on the latest Figma techniques. If you know anyone who is interested in switching to Figma, be sure to share this video with them! Thanks again for watching!
I needed a simple explanation with a visual, this was perfect! Thanks a bunch
@emmagib779 Visuals can be super helpful, am I right? What other Figma topics would you like to see covered in a future video? And again, thanks for watching!
The video really helped me new, thank you
@OsamaRazaq-uq2sl... Super excited to hear that this video tutorial turned your life around and rescued you from your misery! Make sure to either bookmark or even subscribe to this channel to always get the best tips and tricks. Thanks for watching!
Thanks, help a lot.
I would say using the Convertify plug-in does have its limitations. You do get 10 free converts, then after that's done, you need to pay for it. But, if you also want to try a different method, you can also take your XD files by copying the SVG code, czcams.com/video/qa36cBXh3vM/video.html If you think others can benefit from this design tutorial, do share it and subscribe as more videos are coming up. And thanks for watching!
SUBSCRIBED ..U A LIFE SAVER❤
@BrunoElias-b2d ...you're very welcome! I usually make my students learn how to use the pen tool, pathfinder, and shape tool to create a logo. Once they learn that, I then show them how to use the tracing tool if they get stuck and need a little assistance. Several (ok, all) of my students were shocked that it was much easier than expected. Thank you for subscribing to the channel. Means the world to me. Please share the video with your friends and colleagues so they can also get up to speed with Illustrator!🙏😎😄
Thank you :)
@Learnadino Thank you for your comment. Consistent Figma use will likely lead to more efficient mockups. Stay tuned for future Figma content by subscribing and enabling notifications - a reliable resource for your Figma journey!
thank you so much! This is a huge time-saver.
Thanks Kari ! @user-jx8ow2cx9d! Glad to hear the "ultimate hack" saves you time compared to rebuilding everything from scratch. The quality of the files can vary, but hopefully with continued use, you'll all become more comfortable creating mockups directly in Figma in the future (nothing wrong with taking old Photoshop mockups into Figma) If you'd like to stay updated on this and future content, please consider subscribing and turning on notifications. This way, you'll always have a reliable resource for learning Figma. Thanks for your support!
Hello sir. I'm lost is figma an app.
@vans4033, yes, Figma is an application that has a desktop and online . The cool part is, collaborators can work on it at the same time too. Have a look at the Figma playlist to get you started. If you subscribe and turn the notification bell on, you will get notifications on the next new Figma video (more to come).
great work.
Glad you found it helpful @spbs-or6lj ! This video is actually part of a playlist I created to help people get up to speed with Adobe XD quickly. If you're interested in learning more, check out the other videos in the playlist (czcams.com/play/PLCE3v4D5D9DNrj8Lk2XcmY-bd_o8rjKET.html&si=rqMaKgWtm8_g8-VV) If you enjoyed the video, I'd really appreciate it if you consider subscribing to our channel for more XD tutorials and design tips! And if you know anyone else who might be interested, feel free to share the video.
I had accidentally deleted the original comments but some of you had an issue with accessing the 'Export As' Preferences. Some older Photoshop preferences and plug-ins might not be compatible with the Apple Silicon version If you have a newer Mac OS with M1, M2, M3 or later, there is a work-around for this. Here's the workaround: 1. Close all of the Adobe application on your mac. 2. Go to Adobe.com (creative cloud account) 3. Log into your account 4. On the left side is your Apps, select that. And hopefully, Photoshop will appear in the middle 5. Click on the three dots beside the open button 6. Select Open (Intel). This lets you choose to run the Intel version of Photoshop, even on your Apple Silicon Mac ( M1, M2, M3 or later) 7. Now, try clicking on 'Open,' and hopefully it should work!
Hi thanks for the step-by-step instructions. however I cannot see the step 6 on the app section 3 dotted option. Hope you could help. Thanks Update: I actually use the Rosetta mode to resolve the issue
@@lorzanolorenzo sorry, was it the step 6 of Photoshop to Figma or step 6 of getting Photoshop Intel?
@@ulearntech It was getting step 6 of getting photoshop intel not sure if this is same for the rosetta mode setting. But thanks Mate!
Yes, it would be the same for Rosetta too
thankyou sir
@dailyMotivation00__.....Happy to hear the video came to the rescue and saved you from a stress marathon! If you enjoyed this one, you might find future tips and tricks even more helpful. Don't forget to hit that subscribe button for more lifesavers in the future! Plus, by subscribing, you can always count on this channel helping on your next marathon!
what if they say "Compatible app required This plugin is not compatible with apps in your subscription." I cannot do the same as what you do because of this
@tronghieu3114 This message seems to be specific to Windows PCs and might appear on older versions like Windows 7 or 8 that are no longer supported. Your computer needs to be at least Windows 10 (64-bit) - Version 1909 (19H2) or later. If by chance you are working on a MAC OS, it must be macOS v10.15 or later. If you meet these requirements there is a work-around, please head over to the page to see the images and context (some copy and pasting of direct links) helpx.adobe.com/xd/kb/adobe-xd-not-compatible-on-windows-machine.html Hopefully that works.
Gamechanger, Thank you so much!
@HorizonPerson Although 'Convertify' does have it's limitations with 10 free converts, you may be better of using a different option, SVG Code Import requiring No Plugins - Watch this video and in two minutes, you will be under your way from XD to Figma as well and it wouldn't cost you a cent! czcams.com/video/qa36cBXh3vM/video.htmlsi=WLLQiKRVYTwqbgU2 If you like this video, make sure to hit that like button, subscribe, share and turn on the notification bell for more tips and tricks! Thanks for watching!
❤❤❤谢谢你
@TheSeensca Thrilled you enjoyed this design tutorial! Short, sweet, and straight to the point. For more like this, check out the Illustrator playlist on my channel. I am hoping to circle back soon with some 3D design and other tutorials down the road! If you haven't subscribed yet, please hit that subscribe button and ring that notification bell to catch all the future design tips! You won't regret it!
Thank you, that was helpful. I was hoping you would add sound and play the slideshow for us too.
@batteredwife *OMG! You are absolutely right!* I had to re-watched what I had created, I guess at the time of the creation of the video, I think in my head I did do that (obviously, looking back, I didn't!). I am terribly sorry about that! I no longer use KeyNote anymore, but I believe *there is a tab called 'Audio' around the **01:15** mark in the top right hand corner* . Select your music, or audio clip, then simply drag the audio file to a media placeholder or anywhere else on the slide. And it should work properly. If by chance the audio or video is too large, I would suggest to use HandBrake to compress the audio or video. I have recorded Quicktime videos for instructional feedback to my students which are over a gig in size, and HandBrake would reduce the video size to as small as 70mb. So, it's a worthwhile app that is an open source to compress a file. Once you do that, it would make your Keynote file to process faster as well! czcams.com/video/BlDNUl2UXyw/video.htmlsi=cUUELoPGFtHq-iGc But, CZcams will compress the file as well when the time comes to upload it. Sorry, I just can't remember exactly, as this was made 3 years ago. Nevertheless, I can look into this further with the audio and grab a spare MacBook with KeyNote later in the day.
@batteredwife the slideshow or short is in my Shorts Playlist, or right here for you, czcams.com/users/shortsmWjCDDhyfjo?si=26dojcALqi2ttO8O. I do believe all my 'shorts' was created in Keynote. Except for the Figma one!
@@ulearntech Thanks. I managed to make my first shorts with the help of your video. 🧡
@@ulearntech Thanks. Appreciate the effort!! So you made a video and got two videos out of it. Smart! Makes me think of all the tidying and organizing videos I watch where the women make a video and also get their space cleaned up! 🤣🤣
@batteredwife very cool to hear that you were able to create your first short! And NOT only that, you are also a Mac user too! As a reminder, when I made my shorts, I made sure the shorts were under 59 seconds. Because if the shorts is 60.01, it won't be considered as a short! Yeah, CZcams is quite strict on that one. Also, make sure you also record in vertical format. On my final note to you, include #shorts in your CZcams Shorts title and description. It isn't mandatory anymore, but, it helps viewers recognize your video as a Short at a glance, especially in search or browsing
Another great tutorial!👍
@ibidesign Glad this tutorial was helpful! Sometimes our drawing skills or the image trace results might not be perfect. If you can find a PDF with a clean vector version of the logo, that would definitely be the easiest solution...so many different tricks and tips in getting a clean vector logo!
how to snap the object
I believe to snap objects to gridlines, choose View > Snap To Grid. Under View you do have other options.
Melhor tutorial <3
@yaragengo824 Glad you dug the Figma tutorial! Don't get me wrong, XD still holds a special place in my heart, but Figma's got some cool features too. There's actually a whole playlist with more Figma videos you can check out. I've got a bunch more Figma tutorials planned, everything from taking a website I like and turning it into Figma, then diving into Figma variables and all that good stuff... Gotta put a pause on that for a sec though, gotta make some masterclass videos for my students (think taking a Photoshop mockup and making it fancy in both Figma and XD!). But fear not, Figma fun will be back soon! And if you subscribe and hit that notification bell, you'll know right when the next Figma magic happens! Thanks again!
Thanks a lot brother your amazing! want more content related figma ❤
@dineshraj2746 thanks! Glad you're enjoying the Figma video tutorial. I've got more Figma videos in a playlist you can check out too. I've got a bunch more Figma tutorials planned, everything from taking a website I like and turning it into Figma, then diving into Figma variables and all that good stuff... but I gotta make some masterclass videos for my students real quick (think taking a Photoshop mockup and making it super fancy in Figma and XD!). But don't worry, I'll be back to Figma fun soon! And if you subscribe and hit that notification bell, you'll know right when the next Figma magic happens! Thanks again!
Thank goodness for subtitles!
@rachelmorgan-smyth5593 Thanks for tuning in and for appreciating the subtitles! Glad they helped you out. If you enjoyed this quick InDesign explanation, you might like some of the other InDesign (or other apps) content on my channel too! Feel free to explore and maybe even hit that subscribe button if you're up for more InDesign tricks and tips!
The "make and expand" button is grey and can't be pressed
It means you may need to make sure something is selected or you already did it
@@ulearntech The image was copy/pasted from a Word document and by default "clipping path" is added. The solution is to open Layers --> Expand the arrow --> select "clipping path" --> delete (trash bin icon). I hope this would help someone. Other than that, great video!
@alexdavidouski Thanks...you didn't give me any or much context did you? Next time, start with the Word document, that would have been easier to work with! 😀 You can't directly copy and paste an image from a Word document into Adobe Illustrator. Why would you? But, that's all you have, I guess you have no choice. If you can re-draw the logo, the tracing may be it? When you copy an image from a Word document and paste it into Adobe Illustrator, it might indeed become a 'clipped group image', as you mentioned. This means only a portion of the image is pasted into Illustrator, rather than the entire image. For those as per @alexdavidouski but more detail: 1. Go ahead and copy and paste from Word to Illustrator 2. Select the image, and right-click (or release from clipping mask) 3. Open and expand the Layers. Inside you will see the two thumbnails that are white, Path and Clipping Path. Go ahead and select that, click on the trash can (if you click on delete, it deletes the whole layer) 4. What's left? In my Layer, it may say <Group> <Clip Group> and <Image>. There should NOT be any thumbnail that is in white. If so, make sure to remove that. 5. You should be able to see the Image - Make or Image - Make and Expand. Or change the Image Trace Presets in the drop-down menu.
As an illustrator user, why is this better for mocking up sofware?
That's a great question! While Balsamiq Wireframes may seem tailored for software wireframes, its simplicity and ease of use make it versatile for various design projects. Unlike Illustrator, Balsamiq focuses specifically on wireframing, allowing you to quickly sketch out ideas and iterate on them efficiently. Its library of UI components and drag-and-drop functionality streamline the process, making it ideal for visualizing software interfaces, user flows, and interactions. Plus, its collaborative features enable teams to work together seamlessly on prototyping projects. Lo-fi wireframes play a crucial role in the design process for several reasons. Lo-fi wireframes are essential because they facilitate rapid iteration, aid in conceptualization and communication, prioritize user centered design, saves time and resources, and foster collaboration. They are a valuable starting point in the design process, allowing for efficient exploration and validation of design ideas before diving into detailed visual design. Give it a try, and you might discover its value extends beyond just software mockups! And thanks for watching!
Helpful video
@BipulRoni - Thank you for finding our video helpful! Explore our collection of tutorials to ease the conversion of XD files into Figma, like 'Convert SVG Code: XD to Figma in Seconds - Game Changer! No Plug-in Necessary! (czcams.com/video/qa36cBXh3vM/video.htmlsi=YpoFEKsWxgiL_AH8)' - Subscribe to our channel for more Figma tutorials. Happy designing!
Thanks for this tutorial! I’m new to illustrator - Will this work with a scanned piece of artwork (a drawing of a figure on a bench) or are those sorts of shapes too complicated for auto trace?
It sure will. In that case, I would change the image type from black and white logo to High Fidelity Photo to give you a better perspective. Granted, there are other possibilities you can attempt with too. I have a playlist of learning on Adobe Illustrator as well, to learn the basics of this drawing app. Check it out, and if you think it's helpful, subscribe to the channel as I plan to add more tutorials once I am done with the Figma ones, I likely would circle back to this. Feel free to reach out if you have any more questions or need further assistance. And thanks for watching!
thanks bro you saved my tones of time
I appreciate your thoughtful words, @abdullahsani4361 As an instructor, I've often wondered if these videos truly benefit. Your compliment means the world to me and reinforces the value of the work I do. It would be an honor if you can subscribe to the channel as I plan to release future videos on Adobe Illustrator once I am done with Figma. Thank you for taking the time to express your gratitude!
Been using photoshop for a loooong time, and there is always something new to learn. Thank you!
@dudea3378 - Wow, thank you so much for your kind words! It means a lot coming from someone with your level of experience. I'm thrilled to hear that you found value in my tutorial, despite your extensive knowledge of Photoshop. It's comments like yours that motivate me to keep sharing different techniques. If you haven't already, I'd be honoured if you subscribed to my channel. I'm always striving to provide fresh insights, and I'd love to have someone as seasoned as you along for the journey. Thanks again for your support!
Just wondering if there is another plugin that can do almost the same but free? Thank you for this video btw, really helps!
Hi @monikacau01234! Thank you for watching the video and I'm glad you found it helpful! Just to let you know, Figma does indeed have a free plan available. With this plan, you can access basic features and create up to three projects. If you're looking to work within those limits, one option is to save your Figma files, delete the ones you no longer need, and start a new project. If you're interested in exploring other options, there are some free alternatives to Figma worth considering. You can try Adobe XD or PenPot, Prototypo to name a couple. ChapGPT 3.5 is also free as well. Feel free to reach out if you have any more questions or need further assistance!
Do I need to have a paid version to able to edit/tweak the generated UI afterwards?
The best part is, you do not. If by chance you are in any educational cohort, you could apply for an education user which allows you to have I believe unlimited collaborations. The free version only allows three. Do you need to apply with an education email? I know some of my students did NOT, they used their Gmail account. I can't confirm that because I can't remember that. Go to figma.com/education
how to go back from wireframe mode
Sorry, for some strange reason this wasn't published....if you haven't figured it out by now, just click to Preview. Command Y (Mac), Control Y (PC)
you saved me 5 hours in 62 seconds, you're the best
@notduomar - Wow, thank you for your incredible feedback! *Thrilled to hear that this tutorial saved you so much time.* Your support means the world to me, and grateful to have viewers like you. Keep creating and experimenting, and if you ever need more tips or assistance, don't hesitate to reach out. Thanks again!
thanks bro, really useful!
You're welcome! Thanks for watching...I'm thrilled that you found the tutorial useful. Subscribe to my channel for more Figma tutorials in the future if you like. Your support means a lot to me! If you have any questions, don't be afraid to ask. More than happy to help!
its works thanks brro
Yippee! Thank goodness!
EVERYTHING went to shit. and i mean EVERYTHING. just like fb logo
No holding back, huh!?