Figma Dev Mode vs. Zeplin - What's the best design handoff tool?
HTML-код
- Опубликовано: 2 июн 2024
- The two big players in the design handoff industry are Figma Dev Mode and Zeplin. I did a deep dive into the key differences between the two - let’s see the results.
00:00 - Intro
00:42 - Similarities
01:27 - Figma Key Differences
02:46 - Zeplin Key Differences
07:26 - The Verdict
zeplin.io/
www.figma.com/dev-mode/
👉 Please remember to hit subscribe if you'd like to see more videos!
-----------------------------
👨🏻💻 About UX Tools
We make videos with practical lessons, resources, and news for the product design community.
Find out more: uxtools.co/
-----------------------------
🎵 Music from Uppbeat (free for Creators!):
uppbeat.io/t/fugu-vibes/spatial
License code: AG2VELI6GNVRRZHL
-----------------------------
#designhandoff #productdesign 
Наука
![Eminem - Houdini [Official Music Video]](http://i.ytimg.com/vi/22tVWwmTie8/mqdefault.jpg)
Have you tried both tools? What did you think?
I used both. I am a messy designer: I put stuffs everywhere. Therefore, having the handoff at the same place I design makes it hard for developers.
I would add that Zeplin helps me to change my mindset between "messy" and "organized". :D
That said, if you are working on small projects (such as, 10 pages website or app), it could be overkill.
@@aurelienoreo I don't think you're alone in being a messy designer :)
@@uxtools haha yeah I guess I am not 😅
This is so informative. Thank you! We used to use Zeplin + Sketch, then moved all in on Figma. Now handoff is getting messy with a bigger team. We gave dev mode a try, but it doesn't really solve our problems...and now we're revisiting Zeplin.
Glad to hear that!
This video was super helpful to watch. I haven't used Dev Mode quite yet but have used Zeplin in the past. Great content!
This is great! Thank you for thoroughly analyzing these. Re-sharing this with my team now. One small bit of feedback: I thought the background music was a bit distracting and loud at the beginning and end.
Appreciate the feedback!
Great video!! 👍🏼But one question - When is your 'Field Guide for Colors' package coming out. I feel like it's been ages.
really helpful content buddy, subscribed ❤️
Thank you for this breakdown and comparison!
You got it Ethan!
Very helpful info. I mainly use Figma, but had a little muck about with Zeplin a while ago. I'm still not sure which would fit our very small and very green dev team. It probably doesn't help that we don't use Figma as fully as we could. Pretty hard when the team work not just dev roles I guess.
Definitey some things to take into consideration
Thank you so much for this.
You are so welcome!
Try looking at the camera and not yourself next time :) Great video and super useful tho :)
The one thing that makes Zeplin a pain in the ass is the lack of clarity of when a screen was uploaded and the sometimes very long time it takes to export a frame.
Hopefully Zeplin will read this and take your feedback into consideration :)
When a screen has been uploaded from the designers perspective or from the devs perspective?
Heyoo! One of the PMs at Zeplin here. Would you mind sharing a bit more on the lack of clarity when a screen was uploaded? Do you have something in mind like showing "Last uploaded: 5 hours ago" on your Figma file? I'm curious to learn how this would help you in your workflow 👀Please let me know!
Ps. Zeplin's Figma plugin checks every screen you selected and uploads only the ones that have changed in your file (vs your last upload) to avoid duplicates. That also helps with Version Diff for screens since Zeplin then has screen versions only if there is a change 🧑🍳
Promo-SM