8

Better way to prototype in Figma?

over 2 years ago from , Product Designer at Sigtuple

I just used Figma for a big project for the first time, and prototyping in it seems to be much more difficult than the Sketch + InVision combination I'd been using.

Here's a screenshot showing all the connections – http://www.abhijitsingh.com/img/packages-screenshot.png

Is there a better way? Am I missing something?

P.S. I'm aware of components and tried using them as much as possible, which did make life easier.

15 comments

  • Jim SilvermanJim Silverman, over 2 years ago

    current state of prototyping:

    strings

    26 points
  • Account deleted over 2 years ago

    You must be mistaken. Apparently Figma is completely flawless.

    4 points
  • Brian HintonBrian Hinton, over 2 years ago

    The problem I see is that you are doing too much within a single page. I'd never do such a massive clickthrough in InVision, and we limit it as well within Figma. You look like you might have close to 70ish screens in on that one page.

    We have a Wireframe, High Fidelity, and then Onboarding-Prototype, New Customer-Prototype, etc. We follow the same conventions with Wireframe, and High Fidelity if the screen volume exceeds an acceptable level.

    3 points
    • Emir BukvaEmir Bukva, over 2 years ago

      I’d second the sentiment that the example above might be doing too much within a single prototype. There probably are ways, some of which you suggested to break it up into several simpler things.

      1 point
    • Abhijit Singh, over 2 years ago

      We do that too! This prototype contains the entire flow for a returning user. Guess we should divide the flow into a few parts and make separate prototypes to keep things under control. Thanks for the help!

      0 points
  • Dave HawkinsDave Hawkins, over 2 years ago

    This is one of Figma's downsides at the moment IMO. There's no real way to organise a prototype in the way that InVision can.

    What i've been doing is using a combination of Marvel and Figma in order to sync artboards using their Dropbox feature.

    Point your Exports to a Dropbox Folder and Marvel will take care of much of it.

    https://help.marvelapp.com/hc/en-us/articles/208322925-Dropbox

    I've found this a lot more sane than using Sketch + InVision sync tbh, which generally always felt buggy to me.

    2 points
    • Account deleted over 2 years ago

      Does Marvel load like real .fig files or does it convert them? Wonder why can't you import to InVision? Do the designs in Figma, prototype in InV? Event if it's just png... huh?

      0 points
      • Dave HawkinsDave Hawkins, over 2 years ago

        Sorry, I might not have explained that part properly.

        I export 2x PNG Frames in Figma to a Dropbox folder. Then add them into Marvel. Marvel will then take care of any updates I do to that frame when I click Export in Figma.

        0 points
    • Nelson TarucNelson Taruc, over 2 years ago

      Dave, this is an interesting workflow, as I'm been looking for a simple prototyping solution that involves Figma. Is Figma + Marvel comparable to Sketch + InVision? Would love your advice on deciding which to use. Thanks!

      0 points
      • Dave HawkinsDave Hawkins, over 2 years ago

        Figma can take care of simple prototyping for you already!

        Figma + Marvel can act very comparatively to Sketch + InVision on large projects for the time being as far as i'm concerned. There are only a couple of trade-offs.

        0 points
  • Jan SemlerJan Semler, over 2 years ago

    Maybe Overlow.io might be something for you? It is still early access. It is more a visual representation of the user flows and prototyping for sketch. Don't know i figma works also.

    1 point
  • Account deleted over 2 years ago

    Figma more difficult? Oh... I recently switched from Illustrator to Figma for web projects and I must say it's easier and more fun, wonder what Sketch is like : ) Not a fan of Mac, though : / BTW do you really have such complicated map of connections? So many!

    0 points