🌀6Spiral Sketch Plugin v1.0.2

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: Archimedean 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.

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

Making a 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.

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).

Few Examples Shapes

Logarithmic Spirals Example

Spiral Helix Examples at 60° isometric angle

Helix Example with 4 points per one revolution

🌀6Spiral + Looper Example

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 [email protected] 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

• https://developer.sketchapp.com/guides/
• https://awkward.co/blog/how-to-create-floating-sketch-plugins-i/
• https://github.com/turbobabr/Sketch-Plugins-Cookbook
• https://www.smashingmagazine.com/2017/08/create-sketch-plugin-front-end-technologies/
• https://designcode.io/sketch-plugin
• ... looking at the sourcecode of several sketch plugins found on Github.