Sketch plugin to draw Spiral and Helix shapes.
Switch branches/tags
Clone or download

README.md

6spiral_logo_image

πŸŒ€6Spiral Sketch Plugin v1.0.2

Price: free Version: 1.0.2 License: MIT License: MIT Tweet

6Spiral is a sketch plugin to draw spirals and it also allows you to convert the 2D spirals into 3D-like helix shapes at a specified angle in parallel projection.

6Spirals supports creation of the two most common types of spirals: Archmedean Spirals and Logarithmic Spirals.

Getting Started

  1. Download the latest release (latest release works with Sketch 52. If you're on Sketch 51.3 then use version 1.0.1. Older Sketch versions are not supported).
  2. Unzip and double click on 6Spiral.sketchplugin to install the plugin.
  3. Make and select a shape and then go to Plugins -> πŸŒ€6Spiral - Make Spiral
    (or use the shortcut Control + Shift + 6).
  4. Change the parameters to make the initial shape of the spiral/helix that you'd like.
  5. You might want to do some suggested common cleanup steps before applying your own style. See section below.

6spiral_in_plugin_menu 6spiral_demo_1

Plugin will create a spiral with the origin at the center of the selected shape. The center of the spiral shape is not the same as the origin (first point) of the spiral.

There is also a sketch file with a tutorial and some examples that you can download here.

Making a Spiral

6spiral_making_spirals

Making a Helix

6spiral_making_helix

Cleanup After Spiral is Made

6Spiral will always make an origin point, which can then be deleted. (If the inner radius is set to 0 there will be two points at the very beginning of the shape). You'll likely want to change the border edges to to have rounded ends and joins.

6spiral_round_cap_and_corners

A nice way to make a completely smooth spiral is to set a large corner radius on all points (except the last and first point).

setting_radius_on_spiral_points

Few Examples Shapes

Logarithmic Spirals Example

log_spiral_examples_wide

Spiral Helix Examples at 60Β° isometric angle

helix_spiral_examples

Helix Example with 4 points per one revolution

helix_low_point

πŸŒ€6Spiral + Looper Example

6spiral_and_looper

Looper is a great plugin you can use in combination with 6Spiral to make interesting effects. Before using Looper you'll probably want to group the spiral with a shape centered on the origin of the spiral that has bounds that are larger than that of the spiral so that the center of the group is centered on the origin of the spiral.

Reporting Issues, Feedback, More Info, ...

πŸ‘‹ Hi. Feel free to contact me at matej.marjanovich@gmail.com or open an issue here on Github.

This medium article has some of the same info but also includes more ideas and suggestions on where to use this plugin.

Thanks to Sures for feedback on the beta version of this plugin.

Known Issues

  • Setting some of the parameters to just the minus sign will make the spiral dissapear. Simply close and reopen the plugin (you will have to change the parameters again from the defaults). If you're setting a negative value, make sure that you're adding a minus in front of a number, not just on its own.
  • Having too much fun with 6Spiral can cause Sketch to crash sometimes πŸ˜….

Issues can also be mitigated/lessened by disabling the "Continously Update" option and pressing the "Update Spiral" each time you want to update the spiral to the changed parameters.

Also, if you're using many other Sketch plugins, certain other plugins may interfere with 6Spiral so if you're having issues (spirals aren't being drawn, for example) the recommended step is to try disabling all plugins other than 6Spiral and then restarting Sketch and checking if the plugin then works.

A few resources that I found useful for developing this Sketch Plugin