15

Concept: Nested Prototypes in Sketch

over 1 year ago from , UX Designer at milkmonkey

What if you could nest prototypes in Sketch?

You could draw links between symbols and instead of showing the bare symbol in Preview, it would just change the Symbol to the linked instance inside the artboard

This way, it would be super easy to switch between symbol states, without duplicating the whole artboard.

Here's a quick … ahem … sketch:

Sketch

.... without

with

7 comments

  • Account deleted over 1 year ago

    that's a clever workaround but still makes me think what if I'd just learn frontend instead of creating flimsy protos could break with a slight misalignment.

    Don't get me wrong Tom, I'm not trying to challenge you. I'm just expressing my disappointment towards sketch. After they've changed their pricing to subscription modal, I think they had a rock star ego syndrome. And now since InVision stabbed from their back (which was not surprising) they're just coming up with 'workarounds' to compete with them.

    To be honest, I have no problem linking my protos on MARVEL (not invision) I'd expect to see

    • better plugin management system (maybe even a standardization system for plugins. there are tons of plugins which can break up your design files irreversibly and that's unexpectable)

    • A light and a free version which could work on windows just for the asset management and specs

    • More interactions with their users. There's no way getting in touch with them.

    anyway, sorry for getting off topic. I should stop polluting your thread and open a new one :)

    2 points
    • Cory MalnarickCory Malnarick, over 1 year ago

      For user interaction, I have not had a problem getting in contact with the Sketch team – use facebook and twitter, and they will get back to you within a few hrs at most.

      0 points
  • Jonathan De Heus, over 1 year ago

    This reminds me of Axure's Dynamic Panels and their ability to toggle between 2 or more states with a single click.

    0 points
    • Ray SensebachRay Sensebach, over 1 year ago

      I had a similar reaction. It's amazing how far behind most new prototyping tools are compare to Axure (5+ years ago!). If you can deal with an ugly UI, Axure is still the most powerful prototyping tool, next to code.

      4 points
  • Thomas Michael SemmlerThomas Michael Semmler, over 1 year ago

    That's great - but we really should be able to define symbol states.

    0 points
  • Joe Roberto, over 1 year ago

    The Principal App functions basically exactly like your demonstrating above, but yes, this would be an awesome feature for Sketch itself.

    0 points
  • Thomas Lowry, over 1 year ago

    This is essentially how Atomic works. Pages within a component/symbol to control component states. This could be cool but probably needs to be combined with JS or some sort of logic expressions to be truly useful.

    0 points