menu

Abstract

A platform for modern design teams to work together.

Channels
Team

How do you handover the "design flow" in sketch file?

February 15, 2019 at 4:24pm

How do you handover the "design flow" in sketch file?

February 15, 2019 at 4:24pm

😞I don't really like to switch softwares so I stay inside of Sketch and complete the flow like screenshot. And hand it over to developers to tell them like"where the button clicking to go" "if the drop down selection with long text, show like this"(notes)

But I don't really like mine. Could others share your thoughts or ideas!πŸ™‚

123.png

February 15, 2019 at 4:45pm

Dude - stop what you're doing and head over to https://overflow.io and get it installed. It syncs with Sketch and you'll save countless years of your life trying to do app flows inside of Sketch.

like-fill
3
  • reply
  • like

February 15, 2019 at 11:21pm

I usually create a Sketch prototype inside the file. That way, engineers can click through all the screens. It also helps to put thought into how you name your layers and artboards.

like-fill
2
  • reply
  • like

Dude - stop what you're doing and head over to https://overflow.io and get it installed. It syncs with Sketch and you'll save countless years of your life trying to do app flows inside of Sketch.

Thanks Stuart, I have tried overflow but it does not have INSPTECT mode and could not colloborate with other designer working in same file. Is there any suggestion? Thanks again

  • reply
  • like

February 18, 2019 at 8:37am

Similarly to @maxvoltar I create a Sketch prototype, upload it to sketch.cloud and share a link to prototype as part of the handoff. It would be excellent to automate uploading and linking Sketch prototypes to branches/projects within Abstract.

  • reply
  • like

Overflow is a great reference point to share the flows. I usually handover few files to dev team. I use Zeplin as a main source of handover tool. Sketch prototype works on zeplin as well. Also, ability to define colour pallette, UI components and font system is very powerful!

  • reply
  • like

Why use overflow instead of Sketch Prototyping, @digitalcavalier ? For annotations?

like-fill
1
  • reply
  • like

(I haven't used overflow, just watched the vide)

  • reply
  • like

(I haven't used overflow, just watched the vide)

Just looking at the example, can you not scroll any artboards?

  • reply
  • like

@ricoi InVision also has inspect mode and has pretty basic functionality for clicking through screens as well as basic animations. We usually create sketch-based pattern libraries to document global elements like buttons, states, ui componenets, navigation, etc.

like-fill
1
  • reply
  • like

What I am attempting is using Magic Mirror to place copies of all of my screens on a single artboard with the flow and annotations done on that artboard, then putting that in a collection along with the individual screens.

  • reply
  • like