Really looking forward to your Containers Explained video. 🙏🏼 Great content, thank you so much for your detailed explanations

Components and Auto Layout are the killer features in my opinion! And for the small things: the Outline View (cmd+Y) - basically like in Illustrator - love it!

We have come a long way. I remember mocking sites up in Macromedia Fireworks, then slicing them up to export the pieces for table-based HTML layouts.

Thank you for the comparrison video, I'm going to go full force in figma now as well, It will be a change from XD and getting used to but I feel I will be able to create awesome designs even faster now.

Thanks, Rino, I really enjoy your video and waiting for another video about Figma.

The number Scrubber is also available in XD, long time ago, but it works vertically not horizontally.

👋 Great video. I use both Figma and XD at work. Given Adobe has decades of type experience with Illustrator, InDesign etc I’ve always struggled to work out why XD has had such limited text features. Try doing a bullet list in XD for example. Adobe supply a plug-in, but it’s terrible. Thankfully Figma has this sorted. Figma just released ‘Sections’ which is an answer to the common problem of how to communicate what wireframes belong to a specific section of an app or website. I’ve been using workarounds in both Figma and XD for years - but Figma has cracked it. Keep up the great work and keep your videos coming!

I made the switch to Figma from Adobe XD. Glad to see you did as well!

Thank you! Looking forward for more! Cheers!

Afgelopen week ook geswitched! Top video en weer wat geleerd ;)!

As a storyboard artist, there is one feature that prevents me from switching to figma and that is "right click on a png or jgp, and edit in photoshop. this treats the image as a smart object, once you save your work in photoshop, the image updates on xd automatically. best feature that's missing in figma for me. not to mention copy pasting assets from illustrator to XD.

Rino, A few thoughts addressing your 10 points: 1) Numbers: In XD you use up and down arrows with shift if you want larger changes. The slide in Figma is helpful but overall and especially for the final pixel precision, the keyboard model is better. 2) Fonts: Figma is a nightmare with fonts, a lot of designers have font management - figma cannot handle this. (Installing a plugin is the only way and that feels weak) No previews, only fonts loaded in font book appear - that is not good for multi-project designers. Also an option to turn off Google fonts should be in the settings. Who wants a a massive list of fonts most of which they will never use. 3) Line height (leading): Couldn't disagree more, in XD if you have the text set on the first text option (auto width) simply dragging the object actually scales your font size and line height together which as a typographic nerd is much better because of the numbers but from a user functional perspective it smashes it! Figma's text handling and scaling is poor and unintuitive. For example dragging the bounding text box of any of the three text modes just enlarges the bounding box without touching the text?! Madness. I definitely don't to be forced to use a line-height percentages as a fix for a usability problem. 4) Comments: Couldn't agree more, this feature in Figma is fantastic! I have asked XD for this for years, it is very poor of Adobe not to have implemented this within the design canvas - I think they just thought we have a similar thing on the prototype but that is really only good for stakeholders and clients. When a designer is designing they often will be having the thoughts as they go. Brilliant Figma! 5) Spacing: This is a fair balance between the two in my opinion. I personally like the XD approach better, normally with consistent elements you would group them by nature anyway. The stacking and padding feels way more intuitive, instant and flexible but I accept that on this point both have pros and cons. I think where XD fails here is that it doesn't default to a group mode by default and doesn't have handles like Figma to adjust the elements without double clicking. I think I have to agree with you Figma's handle's are the killer feature here for me. Both products have a few small annoyance's here. 6) Backgrounds: Yep couldn't agree more! Amazingly better on Figma! Well done Figma! XD take note. One thing that does bug me about Figma re. images though is that I can drag an image from a browser straight on to the canvas in XD and but cannot in Figma, that is sad. XD's 'paste appearance' is less clear than Figma's 'Paste here' command when pasting an image into a shape however. Changing the canvas colour though is a better function from Figma which XD does not have - a nice to have! 7) Groups: I don't think this works like this any more... (Feb 2023) This is something I learn from you, I didn't realise framing items made them respond differently to added objects. 8) Software updates: Mmm... 9) Staking: Mmm... 10) Stroke direction, yep ok, good point. Pretty helpful, well done Figma. 11) 12) Restoring old files: Yep good point. Much better versioning interface. 13) Autosaving: Not really a big deal. Working in the cloud with XD generally is the way to go. 14) Border: Totally agree, a small point but very annoying! Should at least default to nothing if that was your last use for example. Well done Figma. 15) Colours: Totally agree. Also in 2023 Figma now handles colours better generally. Well done Figma! My comments on Figma: Auto layouts have a steeper learning curve, can be really frustrating For someone who is passionate about typography - I find Figma frustrating The lag and lack of clear direction for viewing prototypes I find frustrating Ultimately I guess I'm going to have to switch to Figma as it does feel like they're going to kill off XD but I wanted to share some of my initial comments regarding your video. Generally though thanks, fantastic videos and instruction.

thx mate for making video on this topic

awesome video. Excited to learn more about Figma

I just finished a webpage project on figma.. super easy and flexible to use. Thank you, sir.. for creating this awareness. Love from Africa.. Ps: I think Figma has a larger community.

A thousand percent agree with Adobe XD versions unable to open. That made me learn Figma and a week later, I signed up for the Pro plan because it just works better. With the plugins, I don't even have to open any Adobe softwares unless dealing with intricate imaging, vectors or illustrations.

great video, switching to Figma today!

Remarkably interesting video! Where's video on how to switch a current project (large one) to Figma? :D

It's time to get excited about Figma, because there are many things which are so much better in Figma than in Adobe Xd. This for me was also important to discover because switching is always a painful proces, but not so much when the new tool has some really cool features.

Very good video, thank you so much!

awesome explanation, super clear! thank you. any Figma tutorial you recommend? thanks

Awesome Rino! :)

The small things matter 😉😂 I don't have XD but I was able to use Ps in the past and I'm glad Canva came and it continues to evolve. I hope you can continue uploading more on figma I really want to learn about it.

I'm a student using Adobe XD in our web design class and this is so freakin frustrating relatable. And yet, a common sense that these features has in Figma is so much worth the time saved and n ot to be bothered in changing a lot of things. I wonder if I used XD and can be opened in figma. I'll be transferring for good.

You absolutely convinced me. So many conveniences. I'm just going to go ahead and try out Figma instad of ever touching XD.

Nice! Great video. I was considering change from XD to Figma and waiting for this video to come out. Is there also a prototype animation feature in Figma? Like button animation and hover interactions?

Thanks very much!

Hoi Rino! I have a question. So I am making this website for my client but at the 'Shop' page the images of my products don't show, I can see the price and titles but that's just it. How to fix that? Sidenote: I watched some videos about this but they are all on the old version of wordpress so the buttons and options and all that aren't at the same place.

Thanks for the video! Do you plan to make one showing the workflow from Figma to WordPress using Elementor Pro?

Heyo, I have a question about how to license pro plugins for clients? How should i go about it. Should i ask my client to buy the license key or do you buy it for them?

because I love your way of teaching it's Just amazing.

👋 Rino, your videos are Amazing and informative, please make one video every week

finally rino is back

Thank you 🙂

Die group functie is wel echt heel handig zeg

The things that drive me nuts with XD is that the rulers don't always work...and when they're gone...they're gone! Another thing is, that if you bring a gradated SVG file into XD, it will change the direction of the gradation! And you're right...why can't XD keep your palette colors in the color picker, and you should be able to select a palette color for your Border as well in there. And yes, the default border on a box is stupid! Time to switch to Figma!

I have a white bar at the bottom on my mobile device in Figma, each time I preview my artboard on my mobile device. Not sure why so gave up with Figma.

Would love you to publish more video about Figma

You can click and drag numbers (font sizes etc) on XD. So I don't get why you included that in the video

I’m working on my startup right now. Trying to design the UI, Wireframes, and a basic/demo idea of how the app will look. My goal is to launch it this year

thanks

Personally I am loving right click on the element and save it as png/svg/or even CSS. That is nice. But probably the most important benefit are plugins. Some of them are turning Figma into incredible tool. Example? Pitchdeck Presentation Studio or Bannerify.

Finally you are moving to Figma 😊

I also like how Figma has pages so that various stages of a website design can be contained in a single Figma file (strategy, wireframe, layout, etc). From what I'm aware, XD only has a single, massive canvas that you can add unlimited artboards to (correct?)

Interesting the point with the default border on a new shape. I also ask myself everytime, why this should be default. But it is the same in Illustrator.

Thanks so much for this! Really, looking forward to a Figma design tutorial for building websites with Elementor

The automatic stroke around shapes and the size scrubber have been annoying me for so long, but I just accepted it. The inconsistency of Adobe Creative Cloud features is strange to me. Why can you do font size scrubbing in Photoshop, but not in Illustrator or XD? That simple function should not behave differently in the same app eco system.

I know your content is focused on WordPress but if you ever try to explore Webflow, their designer and Figma's design panels work 90% the same way. It's so easy to build your Figma design on Webflow. They're like twins, a godsend.

What we are supposed to do with old XD templates? Can figma open or import these files?

Hey, hi Rino, I want to know if there are other Ui design applications as such you have given a try, inVision studio, framer, UXPIN, sketch, and principle; I would love to see if a video comes up with the best UI design platform for the future and best user-friendly application.

The number scrubber is in Photoshop and Illustrator Wonder why it's not on XD 🤔

One thing that keeps me from stepping over is that my clients have to register in order to leave comments. I know there is a plugin for it, but this should me common in my opinion.

Switching to Figma after watching this video. Thanks!

I just switched to Figma, and the color styles access gives me the biggest headache. In XD you could always see all your color styles on the left and one click select them. In Figma now I always have to use an additional click to open the panel on the right. I wish there was a Figma plugin for a permanently open color style panel.

Amazing

I am using XD and switched to Figma for a recent project. The collaboration features and overall functionality in figma are really superb. However I am sceptical if Adobe is really discontinuing XD or Figma. They could instead just make a „Frankenstein“-Version combining the worst of both apps and kill the best one (Figma). Sounds more like the Adobe way for me…For those of you that are old enough: remember „Freehand“?

Hi there! I'm your new subscriber. Are you going to upload figma tutorials for beginners??

Funny how these guys never mention the Lunacy editor from icons8 .... it is more powerful than xd or figma with ai powered tools .... format compatible and built-in graphics .... plus it works offline and is totally free ....

I have never thought of the idea of designing a website in a program before doing it in a page builder :P So thank you for that. Before, I have been very restricted in designing anything, because I have to use my designing computer for that. Question about the fonts - I have a lot of custom fonts in my computer. What happens with them when I use Figma in another computer?

Figma is free Figma has a wide range of third-party plugins like Unsplash, remove Bg, something with freepik also Figma has a better magnet performance, AKA smart guiding system, than any adobe product I can use Figma on my very basic laptop *** A lot more there, but I am also switching to something that is not Adobe, so it takes some time to learn and adopt the alt and ctrl functions to zoom control. I am glad that you came to Figma, also. I hope it will be easier for me to learn this tool with your videos.

Mask in Figma is also way better than XD. You just can mask anything with anything.

Very nice

Chapter 9 isn’t completely correct. There are software updates and you do get prompts every now and again to update Figma, however it’s like updating Chrome. You click install, it closes itself and opens back up with the newest version. You’re right that you don’t NEED software updates to work, it’s more optional.

That comic sans stuff is perfect 🤣🤣

Can you do a video explaining how creating master components on XD vs Figma and which one does it better?

Figma can be installed as an app on your PC/Mac.

will you make a complete tutorial on Figma ? please

Please create a tutorial on web designing using Figma and convert it to WP :)

can u make some vdo about freelancing in fiverr and upwork

About the first point: you can do it in xd too but only on windows, I don't know why

I share the same concern as most of us: Considering XD is not free and Figma is, and that Figma is better... Anyone have any guesses about how long it will be before Figma is no longer free?

wish good luck for Nederland,,, after lose with my country bangladesh,, and very good luck to u,, my favorite elementor pro experts

Also, just making the switch now. I've looked at others, and it looks like Figma is the better route.

Great presentation. i'm coming back.

I am a long time loyal XD user. After watching this video, its about time to switch to Figma

bought figma . expect to improve it but release itin XD version improvments

Or could you post a crash course video?

figma has an app that use can install on your laptop

Now that you've switched to Figma, are you also considering moving away from Elementor Pro & WordPress and moving over to Webflow? 😄

YES.. figma is a better DESIGN Tool . but does it have simple interactive componentes out of the box? im not looking for design..but instead rapid prototyping, Figma still doesnt seem to do that quickly or is there some wireframe component kit out there now that is very robust??

XD can also work with % line height

The features you mentioned doesn't deserve the move to Figma , like you said they are just small things, The time they do something interesting in prototyping such as: animating while scrolling, horizontal scroll in default mode, then I can think about it, for now it doesn't matter at all.

obviously feature wise Figma is ahead but i kinda like the simplicity and minimalist design of Adobe xd although figma has many features better than xd in prototyping too but prototyping was easy in xd

My main question is related to the prototyping qualities of Figma. One thing that we are not able to do in XD is to create anchors in different pages that are accesible from a common menu. For example, I'm in the home page of a website and want to go to a specific section of another page of the same website. Can this be done finaly in Figma?

Adobe XD used to be free, it was good back then, now it completely sucks, thanks for rectifying

figma desktop version is not as same as the cloud one when I installed SF pro font only found in desktop but missing in cloud one😂

❤

Where and how did you learn how to use figma in such a shor time please advise designers like me where and how to learn easily?

What's the equivalent of the XD repeat grid feature in Figma?

What is better in XD is just the key shortcuts, most of it zoom+ and expecially zoom-.

yeah features are the difference. none of these apps are better than the other. you can easily switch your workflow to figma. and in XD you can save your file offline. you can use the app offline too and when you are online again you can decide to cloud store it. Adobe is unique about how it works no matter how much people point out the deveopers will always change to what they prefer.

@LivingWithPixels Someone is pretending of giveaways on every comment of this video.... using your name and dp, should I content him or not?

I am using xd .... I think i need to move towards Figma its so much time saving

I just started learning XD as a Figma main and I'm suffering.

Im using Lunacy now. Staying away from anything Adobe.

Hi Rino! Can you please create video about Search Widget from Elementor.. the basic one.. and available options from addons.. It is good topic to cover. Thanks

Is Figma free?

Hello Rino, how are you? I'm a huge fan here. Got you subscribed on my other account as well. I just wanted to ask what is the real name or what do you call the exact job description of a person who knows how to do and design websites using WordPress and Elementor but dont' do coding and programming. In short a person who is good in WordPress but don't do the coding at all. Is he a Web Designer? Web Developer? Graphics Designer? Please enlighten me. Thank you very much and more power! 👍🤟👌

I thought Figma and Adobe reached a joint decision to end their pending acquisition back in Dec 2023?

Just wait once you start enjoying the autolayout and custom plugins, you'll never go back to xd