10

Any Responsive Design workflows with Sketch + Framer?

over 3 years ago from , UX Designer at Wizeline

It´s 2018 and we´re still designing different screens to communicate responsive behaviors (Desktop, Tablet, Mobile). As a Sketch user, my current solution is linking artboards with Anima Auto Layout, but it is still very unstable. The other solution is building everything on Framer from scratch. Do you know any other workflows to tackle this? Hopefully Stackwell arrives soon.

4 comments

  • 李 大毛李 大毛, over 3 years ago

    If there is a tool that meet your needs, the time you design for responsive maybe longer than write code by yourself.

    2 points
    • Tim Kjær LangeTim Kjær Lange, over 3 years ago

      I second that. I've documented special responsive behaviour in Codepen, was faster/better than red lining a Sketch Document.

      0 points
  • Andrew C, over 3 years ago

    Screenshots at different sizes with a simple discussion with the devs always seemed a fine way to solve this problem to me.

    2 points
  • Shreya SaxenaShreya Saxena, over 3 years ago

    Hadron can be one solution that you're looking for. It helps in making designing through code visual.

    0 points