Back to Plugins
Variables Starter

Variables Starter

Add preset variables to your file

tailwindcssvariablesvariables starter

Plugin Preview

Variables Starter preview

About this plugin

Do you ever get an idea for an app/project/whatever and just want to start mocking it up? And then you end up with all sorts of random colors because you're too much in the flow to care about creating a color system? Or do you end up copy-pasting the same colors from different files over and over again?


With this plugin you can remain in the flow without worrying about setting up variables :)


What's inside

  1. Color variables
  2. Spacing variables
  3. Radii variables
  4. Typography variables
  5. ...and more.


Names and values are from tailwindcss.com.

Plugin demo.


Big thanks to @maxdemaio and @davestewart for contributing!

Plugin Details

Version7
CreatedSeptember 7, 2023
Last UpdatedAugust 2, 2024
Categorydesign-systems
Creatormasha
Stats347 installs, 79 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:build/ui.js
  • main:build/main.js
  • Editor Types:
    figma
  • Allowed Domains:
    • none