20

Ask DN: Do you create flowcharts in Sketch?

over 3 years ago from , Chachu Inc.

Hey guys,

Recently, I have found myself wanting an easier way to create flowcharts and wanting to do it in Sketch rather than use yet another piece of software.

What I had in my mind was something like this: https://dl.dropboxusercontent.com/u/104550746/blockmap.mp4

Would you use something like this? Do you already have a workflow in place?

46 comments

  • Stefan Aleksić, 3 years ago

    That would be a nice plugin for Sketch. I've been using Sketch to manually create 1K+ elements flowchart and it was stressful experience.

    5 points
  • joel blackmore, 3 years ago

    Would be great in Sketch, but reality is Sketch isn't for this. I use https://www.lucidchart.com/ and it is purpose built for what you need. It's the best thing for flow charts IMO

    2 points
    • , 3 years ago

      That looks really interesting. Will check it out. I like the library of assets.

      0 points
      • Taylor PalmerTaylor Palmer, 3 years ago

        Lucidchart designer here. Be sure to check out the Lucidchart beta experience, improving it every day.

        I spend my whole day in Sketch, but you'll thank yourself if you invest the time into make it your flowchart in Lucidchart.

        0 points
  • Joe BlauJoe Blau, 3 years ago

    I use MindNode.

    2 points
    • Andy MerskinAndy Merskin, 3 years ago

      MindNode all the way. Well worth the $, works really well, and lets you copy/paste styles so you can customize things quite a bit while staying consistent.

      1 point
  • Minwoo Lee, 3 years ago

    draw.io.

    2 points
  • Jonathan SimcoeJonathan Simcoe, 3 years ago

    Just get Monodraw and be done with it! ;) This app has some really great flow features and it all utilizes basic ASCII.

    Pretty rad.

    1 point
  • Duncan RussellDuncan Russell, 3 years ago

    I'd love to stay in Sketch, but right now it's not up to the task. At present I use Omnigraffle for sitemaps and flowcharts (and MindNode for quick mind maps).

    1 point
  • Dean HaydenDean Hayden, 3 years ago

    Time vs pain.

    If I was doing this a lot I'd use something like Omnigraffle or Lucidchart.

    Having been in a similar situation with Illustrator, Omingraffle was a $50 well spent.

    1 point
    • Aloke Pillai, 3 years ago

      Fair, I need to look more into Lucidchart. I find myself needing it for pitches with the artboards I already have in Sketch.

      Love the usability for keynote for attaching arrows and having it stick with the boxes. That is what spurred this thought process for me.

      2 points
      • Dean HaydenDean Hayden, 3 years ago

        Did not know that about Keynote. Can Lucidchart export as EPS? You could always place them in your artboards

        0 points
        • Aloke Pillai, 3 years ago

          Definitely check it out! Been a huge fan of Keynote. Most under appreciated piece of mac software. I do a lot of video prototypes with Keynote (export mobile video with pauses and user clicks are 'resume' actions)

          Don't know about Lucidchart exports. That could be interesting. Right now, I create somewhere else and screenshot to Sketch

          2 points
        • Cory McArthur, 3 years ago

          Lucidchart will export to SVG, which you can then drop into sketch. However, looks like any text you create is exported as outlines.

          1 point
  • Rick Martin, 3 years ago

    I used the AEFlowchart plugin and it worked pretty well. Since then, there's also Flowmate which has built on some of what AEFC did. I haven't used the latter yet though.

    0 points
    • , 3 years ago

      That's pretty good! Basically what I was thinking of. What did you not like about that plugin?

      0 points
  • Priyanka SharmaPriyanka Sharma, 3 years ago

    Looking forward to the plugin.

    0 points
  • Cody Gallner, 3 years ago

    I use Visio from Microsoft.

    0 points
  • Moqups HQ, 3 years ago (edited 3 years ago )

    Team Moqups here.

    We saw the thread and thought that it would be useful to let you know that we've recently launched full diagramming support in Moqups 2. It's now extremely easy to create flowcharts, define the information architecture for your projects or to create any kind of sitemaps. Also, storyboards!

    Check out the details here: https://blog.moqups.com/2016/06/29/diagramming-charting-new-territory-in-moqups-2/

    We're eager to hear your feedback!

    0 points
    • , 3 years ago

      Do you have a way to export into a format we could use in our existing file formats?

      0 points
      • Moqups HQ, 3 years ago

        Thanks for your interest!

        The premium plans allow export to PNG (normal resolution and 2x), as well as vector based PDF.

        0 points
  • Cody IddingsCody Iddings, 3 years ago

    Even google slides supports this, and that's free.

    0 points
    • , 3 years ago

      True. Do you use Google slides as part of your process? Do you have a template or create from scratch?

      1 point
  • Pedro BrandãoPedro Brandão, 3 years ago (edited 3 years ago )

    We use Gliffy. Although collaboration in Gliffy is nice to have, a Sketch Plugin like that would be perfect for a LOT of projects!

    0 points
  • Diego LafuenteDiego Lafuente, 3 years ago

    Absolutely not. There are specialized tools for this.

    0 points
  • Hunter CaronHunter Caron, 3 years ago

    This is really cool! I'm about to start a project with a rather large matrix and I've been debating if its faster to code it, because sketch is such a pain for this. This would be sweet.

    0 points
  • Chris PorterChris Porter, 3 years ago

    I've been trying to find a good process via Sketch that lets me do sitemaps, userflows, etc. Currently, its about the same as @Stefan, but if there was a plugin to make the process simpler, that would be dope.

    0 points
  • Cristian MoiseiCristian Moisei, 3 years ago

    If what you are showing in that video is all you need to do, It looks like what you need is a mind-mapping tool. I'd recommend MindNode 2. You can create custom visual styles to re-use, and it's available on ios too.

    0 points