Resources

Figma plugins, Node packages, and Github repositories I’ve created and published for the community.

Figma Plugins

@sposhe/voronoi

Generates Voronoi cell networks as vector shape layers within Figma from a seed frame populated with ellipses marking initial node points.

@sposhe/poisson

Creates an organically random distribution of one or more Figma elements tightly packed to fill a frame based on a Poisson algorithm. Optionally will randomly rotate each instance.

@sposhe/reorder

Reorders a frame's children by their X or Y position (from right to left, top to bottom, etc).

Frameworks

Tachyon Beam

A static site generator built around the philosophy that: a straightforward utility class library can be very helpful; utility classes should make writing media queries unnecessary; only human-readable, semantic class names belong in HTML (not utility classes); javascript shouldn't be necessary to exclude unused utility classes from compilation.

Node Packages

gulp-sass-extend-shorthand

Provides a syntactic sugar shorthand on top of Sass's @extend at-rule syntax, allowing utility classes to be efficiently referenced within more semantic class names.

gulp-url-builder

Explodes a flat directory of files into nested directories based on a simple naming convention.

component-indexer

Automatically scans all files in a directory and then references them from a generated index file for easy bulk inclusion elsewhere. Ideal for Pug and Sass.

Conference Talks

#MW2016: Tackling Complex Web Projects

Session for the Museums and the Web Conference on how museum professionals can plan for and navigate large digital projects.