Gavin McFarland

flex-gap-polyfill. A PostCSS plugin to emulate flex gap using margins

plugma. Take Figma plugin development to the next level

figma-node-decoder. Converts any Figma layer/node to Plugin API compatible code.

mole. A tool for managing design decision outputs for different platforms

gridlover-mixin. A mixin to generate modular scale and vertical rhythm for your typography

postcss-help-media-queries. This tool help you to easily recognize your active media query and display additional screen info

postcss-custom-values. Create custom CSS values such as keywords and units

stylup-deprecated. A preprocessor that allows you to write class names in an easier manner when using utility classes for responsive designs

postcss-magic-token. References design tokens in CSS intelligently based on the current property and selector rules

typolize. Normalizes type sizing and spacing.

figma-table-creator. A simple Figma plugin for creating flexible and editable tables.

thumbquote-config-2022. JavaScript

figma-widget-table. Create an import table data in FigJam files

stancy. A simple API for delivering content from static files and folders.

figma-layer-styles. TypeScript

postcss-sqrt. Calculate the square root of a number dynamically in CSS

rollup-plugin-theo. A rollup plugin which transforms design tokens using Theo

twig-perch-extension. A Twig extension that allows you to integrate Perch CMS into your templates.

postcss-negative-padding. Use negative values with padding to increase the hit area of a target

figma-html-websocket-plugin. JavaScript

figma-puma. A simple plugin that links your slides together in the shape of a PUMA

postcss-pow. Calculate the power of a number dynamically in CSS

postcss-border-align. A PostCSS plugin which lets you create borders which do not affect the layout of the document

stylup. Write utility classes conveniently while optimising your CSS

figma-slot-editor. A Figma plugin that lets you easily create instances of modular complex components like modals

postcss-sequence. Manage consistent scale and proportion of your design using custom units based on numerical sequences.

plugma-deprecated. A small framework and CLI for developing and maintaining Figma plugins

personal-site. Marko

postcss-fiber. Modular and composable library of CSS properties to manage scale, proportion, layout, typography, colour and animation for any device.

figma-icon-preview. A Figma plugin to preview icons at different sizes for web, iOS and Android.

figma-plugin-helpers. A collection of useful helper functions to import to your Figma plugin project

combino. TypeScript

figma-msgr. A simple message handler for Figma

dotfiles. A blank repo template for making new repos

plugma-tsserver. Svelte

fiber-components. HTML

postcss-proportional-spacing. Apply proportional horizontal and vertical spacing with ratios using a unitless quantity

postcss-exact-width. Gives you the exact width and height desired when applied to flex items

experimental-grids. Experimenting with shadow DOM for grid layout and gutter styles

fiber-styles. CSS

writing-a-better-readme. Guidelines for writing better readmes and documenting code

atomizer. A tool for creating Atomic CSS, a collection of single purpose styling units for maximum reuse

fiber-kit. Work in progress kit for creating personal sites

figma-vite-svelte-codemirror-example. Svelte