Figma vs. Adobe Xd Design with Me | How different are they? 

9:48 You can use scale tool ( "K" is the shortcut key ) for resizing any object/text size then pixel perfect it later

I always wanted to use both side by side but never got time for the same. Thanks for doing it on behalf and creating such a great quality content. More power to you!

Xd is easier and more delightful to use on simple projects. But Figma is more powerful and meant for big projects

Loved the comparison! For the shadow, use two blurred oval circles: one in black with reduced opacity, positioned with the middle just below the rectangle. Place the other circle on top of it in the same color as the background to create the curve. I just had to make one, so I thought I'd share. Thanks for the vid! :D

Loved seeing those two tools side-by-side - thank youuu!

that was fun, thanks for showing the differences!

just found your channel!! I am loving it! it's funny that we all saw instantly a UX design issue with those buttons we couldn't understand what they meant, imagine the user

Watching this at 4am.. i love it you made it look fun.. got a new sub

to make text bigger while stretching use the scale option which is below move tools

Thanks for your walkthrough video @MaddyBeard 🙏

Hey! Thanks so much for this video!

For Figma icon plugin, I'm using Feather Icons and Material Design Icons.

They are two different beasts aren't they? What icon kit are you using to drag those icons in so fast?! Also, would love to see on the screen what shortcuts you're using for each program.

I love this.. 😅 Love seeing you try to figure out how to do this and how to do that.. I agree with XD is really good for prototyping.. and Figma needs to have a reliable icons plugin.. Lol I like how u just copy and pasted the icons from XD to Figma just to save time 😅 👏👏 Great job Maddy☺

great work. Learned so much.

Thank you so much this helped a lot!!!! You saved my life

Digital Designer for 8 years and I always use Adobe CC in my work but I find Figma to be more consistent when it comes to developing/building what I create. Only benefit I love about XD is the migration to After Effects given that I animate a lot.

What VERSION of XD are you making use of and are you connected while using the XD or you're using it offline?

Which one do you like the most going to 2023? Which one you would recommend for new users? I use Adobe Creative Cloud. I love Illustrator, Photoshop amoung other Adobe apps. What are your thoughts? Thank you.

For quick stuff I mainly use XD but Figma is a bit easier to design prettily(? with all the plugins. For icons I think I use one called iconify

Our ecom team loves prototyping in FIGMA. but i am working with a team of designers used to working in Adobe CC / AI, PSD/. Do you think we'll miss out if we adopt xd vs FIGMA? We mainly develop flat assets such as email banners, homepage, mobile banners.. Great videos. Thank you

My fav tool (almost for all visual design lol) is XD, and I’ve even seen Figma users use XD for animation purposes, thanks to its unique prototyping/auto animate features. Oh and thank you for all the great content Maddy! 😊👍🎉

🎯 Key Takeaways for quick navigation: 00:00 🎯 Introduction and Setup - The video begins with an introduction to the experiment of designing the same screen in both Figma and Adobe XD. - The presenter mentions the goal of the experiment and sets the stage for the comparison. 00:44 🖥️ Starting with Adobe XD - The presenter starts designing in Adobe XD, beginning with creating a card element. - Describes font selection, text size, background color, and icon creation. - Demonstrates creating a shadow effect. 04:43 🎨 Designing a Button - Focuses on creating a button in Adobe XD. - Discusses the choice of a sans-serif font, button styling, and adding an icon. 06:33 🔄 Creating Components in Adobe XD - Demonstrates the process of converting elements into components in Adobe XD. - Shows the creation of different states for components. 07:47 📏 Adjusting Layout and Alignment - Makes adjustments to the layout in Adobe XD, including spacing and alignment. - Ensures consistency in design elements. 08:29 🔀 Transition to Figma - Transitions to using Figma for the same design task, highlighting some initial differences. - Notes the reverse scrolling in Figma. 09:55 📄 Text Formatting in Figma - Discusses text formatting in Figma, highlighting the differences in handling text compared to Adobe XD. - Addresses the challenge of resizing text. 11:28 🖼️ Designing a Button in Figma - Starts creating a button in Figma, exploring the auto layout feature. - Explains the advantage of auto layout for maintaining consistent padding. 12:49 🧩 Challenges with Icon Plugins in Figma - Encounters difficulties finding suitable icon plugins in Figma. - Acknowledges that Figma lacks robust icon plugins compared to Adobe XD. 13:27 🤝 Comparing Figma and Adobe XD - Summarizes the similarities and differences between Figma and Adobe XD. - Mentions personal preferences for certain features in each tool. 14:18 👋 Conclusion and Wrap-Up - Concludes the design experiment and reflects on the experience of using both Figma and Adobe XD. - Encourages viewers to subscribe and like the video for more content. Made with HARPA AI

I'm learning how to use XD and this is super helpful. Since I'm watching this like a hawk to absorb all the knowledge I noticed that the "show card details" and "freeze card" are askew, and that's why the text moved when you made it a component. I think they're off alignment because they originate from the card's text box after transforming it. I had to watch it a few times. I feel like a detective lmao.

Hi Maddy! I think it would be interesting to compare their prototyping abilities. I am an avid Figma user who recently started to look into XD (also thanks to your channel ❤️). Yesterday I made a simple animation using auto animate in XD and delayed animate in Figma and it looks so different. I like how it looks in XD, and with figma the same effect looks kinda weird. I think you are more pro in XD so it would be interesting to get your opinion on this. Also, one of the advantages of XD is the ability to prototype for AR and VR.

Figma components I feel are more powerful. I mostly use Xd on web projects, but when it comes to working on something more complex like an e-commerce or an application, Figma has always been a safer choice just because of its components and states and the whole design system set of features it has. Honestly, it took me some time to figure out how Figma's components worked, but once I did, I realised how powerful they really are.

Nice video thanks, for the icons in figma i prefer box icons or phosphor plugins. They are cool!

Loved this! Question: Why was their use of a sans-serif font on a button questionable?

What is version your Adobe XD at this video ?

im a developer who is trying to figure out if i start designing in XD or figma i already know how to use photoshop due to my awesome photography skills. So far they look exactly the same i dont see much of difference. I think i will stick with XD thanks for the video

Button font you mentioned is actually serif -- not san-serif. I agree though -- -serif font feels too finicky for a button.

Thanks Maddy

Is there any way I can use Adobe XD for free apart from the 7-day free trial? Also if I buy Adobe XD, is there any internal subscriptions or anything I need to continue paying for?

Finally thank you very much

I made a couple things in XD lately and remembered that XD has undraw which I have not been able to find for figma, when I was learning XD I do recall you can import things from photoshop and illustrator directly like save color swatches across all 3 etc? with that being said I bought affinity photo/designer on sale for $35 each outright no more payment plan !! haven't missed my adobe payments ever since😎

Completely off-topic - What camera are you using to record your videos? Quality is outstanding!

i really enjoyed this

How you created your icons folder in XD , as you serached inside easly ! ?2:26 minute in your video .

can anyone please suggessed me which one is best ,, what will be better to learn?

hey I like your channel, was wondering what you used to create ypur portfolio website?

Can't beat Figma. Nice video

9:45 yes center alignment

I'm trying to make a portofolio as a beginner so I can start applying to some positions. This question came to my mind as a lot of job descriptions mention Figma/Sketch etc , buuuut none of them mention AdobeXD. Do you know why most of the companies forget about AdobeXD?

Probably the best app from you..

OMG nice i liked an subbed

wait why would you call Georgia a sans serif font? 5:11

that would be a *serif font* on a button... :)

Nothing Ever Comes Close To Adobe When They Want To Overshadow you

I would love to see this also done in Photoshop. I am a life-long Photoshop user and design all my UX/UI/Mocks in Photoshop and still can't bring myself to use either of these tools. I recently had to work with Figma as a client provided their project in that format for us to build/develop and if anything I found the app quite frustrating. The CSS it produces is rubbish, the colour support is inconsistent (renders on screen brighter than the hex values indicate - so don't use a ColorPicker tool that samples the screen). It also doesn't export SVG's with the correct XML headers for the proper MIME-type, and exporting assets in general is a mess, throwing things in folders and few options to choose the filename during export. Then other issues like when graphical assets have been laid out in Figma with layer modes, only to lose all the appearance when you export the flattened art. And the apps themselves just feel like I am moving HTML elements around a canvas and not actually working with pixels or vectors. Yes the apps appear smooth and responsive but I just feel hamstrung. I am sure, over time, I would become more comfortable with the tools.

Figma, but I need to know how to record (to video) the animation like XD

I know a developer would be like what the heck is this shadow in the figma version 😄

Heads up, the Image Line affiliate link is broken and needs to be updated.

Well, XD lets you design for production, Figma pushes you to design stuff your developer will hate you for.

Adobe next year: $9.9 to get Figma Pro + Adobe XD

Figma is the most irritating tool. XD is simply more intuitive and faster to use.

I fell in love with you stop being perfect

Omg you're such a wife material. Beautiful, kind and funny... your bf is very lucky guy :) by the way i choose figma. they seem pretty similar but figma seems more popular to me when i search the web. it is not the most scientific way but works mostly :)

XD no ability to add shadows to the group. No dynamic txt change in button states (components), no scisors for vector slicing. And around 10000 other issues. It's a dead program only for baby designer use.

you dont even have a beard

Adderall

FIgma > Adobe XD

Just get a laptop. Legit