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
- 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).
- Unzip and double click on
6Spiral.sketchplugin
to install the plugin. - Make and select a shape and then go to
Plugins -> 🌀6Spiral - Make Spiral
(or use the shortcutControl + Shift + 6
). - Change the parameters to make the initial shape of the spiral/helix that you’d like.
- 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 matej.marjanovich@gmail.com or open an issue here on Github.
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.