• Design
  • Shotty
  • Blog
  • Reading
  • Photos
Menu

Jacob Ruiz

Product Designer
  • Design
  • Shotty
  • Blog
  • Reading
  • Photos
sketch-pie-charts-hero

Tutorial: Create pie charts in Sketch with the Sketchy Pies Plugin

July 14, 2017

Creating a pie chart in Sketch can be surprisingly tedious. Luckily, the Sketchy Pies plugin can help you make basic pie charts a little bit faster.

1. Draw a circle

sketch-pie-chart-1

2. With the circle selected, go to Plugins > Sketchy Pies > Convert to Pie Chart with Percentage Values

sketch-pie-charts-2

3. Enter your color values and percentages

sketch-pie-charts-3

You may want to prepare the hex values in a note somewhere for easy copy and pasting, since there's no color picker and no easy access to your Global Colors or Document Colors. I just typed them into Evernote ahead of time:

sketch-pie-charts-4

4. Click "OK" and see your new pie chart

sketch-pie-charts-5

This method has some limitations, since it will be difficult to further style and manipulate this pie chart, but it's a good method if you want a straightforward way to create a basic pie chart with solid colors.

Thank you!
In Design Tags design, Productivity
← Shotty Hits #2 on Product Hunt. #1 Trending in 'Design Tools'.Designing For Fairness: Why Not Use Avatars In Courtrooms To Minimize Racial Bias? →
shotty-skinny2x.jpg

Shotty - Faster Access To Your Screenshots on Mac

Shotty is an award-winning Mac app I created to give you instant access to all your recent screenshots, right from the menu bar. You can even add annotations on-the-fly. Stop wasting time digging through Finder for your screenshots. I promise it’ll change your workflow forever (just read the App Store reviews!).



Most popular

information-architecture

Information Architecture: The Most Important Part of Design You're Probably Overlooking

Follow @JacobRuizDesign