How to Hand off your UX designs to developers like a PRO

preview_player
Показать описание
How to Handoff your Design Figma like a PRO. Engineers will love you for this.
8 Steps:
-Organize the Figma file
-Show interaction red line
-Annotate
-Design edge cases
-Document your design
-Meeting with engineers to have a walk-through (Allow them to use the prototype)
-Prepare Assets for export
-Feedback and check-ins loop

Get Figma here:

Check this Videos out
How to Hand off like a Pro -

• How to Hand off your UX designs to de...

Social Media Handles:
Instagram:

/ designwithdestiny
Tiktok:

/ designwithdestiny1

Thanks for supporting the channel by subscribing.
Transcript

It is actually easier than you think but will require effort.
Рекомендации по теме
Комментарии
Автор

oh man, I just love the way you explain things!! straight to the point, but with enough details. Keep it up!

Mashinistka
Автор

Great video. You should consider making an annotation component so you can reuse it throughout your experiences and streamline your workflow in the process.

LouManning
Автор

Bro you just answered like a million questions i had in my head in just one video

solomonkitumba
Автор

Hats off bro for such a free like a boot camp 🎉

curiousrooster
Автор

About to hand off a project next week. This was helpful.

KristenNichole
Автор

Thank you for this video! Super helpful, and your explanations are very clear.

erikamarie
Автор

1:20 into this, and I already know I need to subscribe :D

davetaylor
Автор

Great video, but I guess one thing that is missing is creating a design system and tokens to avoid misuse of your designs. This would really help the devs, and kept the design consistent.

JohnnyP
Автор

nice, could you make a video on how to name the UI elements on the layers panel, like the various methods. Can't wait for the next video.

OvienSuccess
Автор

can you do full course on asset export, documentation on full real site /app

smilli
Автор

Nice tutorial, thank you for this. I never knew the new figma section update came with a "ready for development" tag

emmanuelogunmoroti
Автор

The documentation is more like a PRD right?

bright_moses
Автор

Dude. Great video! I respect the content and hustle. Who's your editor ?! would they be open to more work I'm currently looking for someone to do a similar style for my channel?

serjsolarpunk
Автор

Thanks a lot for this. Also, a slightly unrelated question, what size would you recommend to export sections in? Say for instance, i design a mockup, put it in a section and export in 4X. But when I share that export on my socials, like twitter, the quality drops a bit (i think from resizing, because twitter's upload size is 1200×675) which is smaller than the section I export. Especially the height of the section.

I'd appreciate your reply.

destinydesire
Автор

which plan I'll need to have all of this capability for handoff? I am using the free version as of now.

xboimvd
Автор

Nice content newly subscribed, thanks

you_are_welcome
Автор

Hi and thank you for this video, did you start working on documenting or not yet?
I am really excited to see how a senior designer document his work.

brahimm.
Автор

Hello Destiny I hope you are doing well, I wanted to ask you for some advice currently I am in between UI UX Design and development and I really like both but I cant decide ? Personally while I like designing I really enjoy coding something and watching the design come to life. I just graduated with my IT degree and web dev and design and currently doing code academys front end engineering cert. But my question is as a UI dev do you get to at least design a little bit? Do you have input since you also have some design knowledge?

ninjaoftherift
Автор

Thank you so much for this! What's your LinkedIn though?

LifeOfACretive