My Figma Setup for an Automatic.CSS workflow

In this video, I walk you through a Figma setup that’s fully tuned for the Automatic.CSS framework. Whether you’re building with EtchWP or Bricks, this workflow helps you bring consistency between your designs and your builds. You’ll also see my own custom Figma starter template that I use at the beginning of every project, a huge time saver if you want to design with an ACSS-first mindset. 👉 Subscribe for more tutorials on ACSS, EtchWP, and WordPress design workflows. This is the very first video on the channel, so I’d love your feedback - drop your thoughts in the comments! ➡️ Automatic.CSS: https://automaticcss.com/ref/152/ ➡️ EtchWP: https://etchwp.com?aff=de6a5b94 ➡️ Fancy Figma plugin: https://fancyframework.com/figma-plugin/ 00:00 Introduction 00:28 Why use Automatic.CSS in Figma 03:26 Overview of style guide 04:44 Variables Architecture 06:52 Using scales with Fancy Figma plugin 09:43 Starter Components 11:04 Process 13:06 Convert to an ACSS config 14:28 Future videos ideas