A Figma layout system for Automatic.CSS integration
A starter Figma template with ACSS variable architecture built-in. Design scalable layouts that are easy to implement in your WordPress Builder.
Join the alpha at the lowest price ever.
Help shape the future of Figma-native design for Automatic.CSS. Skinny is an evolving system built on real-world feedback and industry best practices.Early supporters get lifetime access as we refine the workflow together.
Gold
$29.00
Lifetime access- Complete Starter Figma Template
- 70+ Swappable sections
- Native Figma variables and modes
- ACSS 4.0 variable architecture
- All future components & updates
- Unlimited use on projects
Native Figma variables
Built with native figma variables, collections and variable mode architecture. Requires a Figma paid seat.
ACSS naming convention
Curated tools and resources that work seamlessly with the ACSS ecosystem in Figma.
Builder-agnostic
Follow along and optimize your Figma workflow regardless the builder you use.
Variable modes
Switch from light to dark, desktop to mobile in seconds, with variable modes.
Components and templates
A collection of assets that help you go from wireframing to hi-fi design.
Easy to customize
The starter template is logically organized and easy to follow, maintain and customize.
For Freelancers and Agencies
If you are working with Automatic.CSS framework on client projects, Skinny will bridge the gap between design and dev and will create a scalable system that will optimize your design operations and bring soul to your compositions.
For Designers
Do you have clients who ask you to create ACSS-friendly Designs? Skinny is an easy-to-follow framework that is mapped to the ACSS variable architecture and logic, allowing you to build with a system, without compromising creativity.
Go from creative concept to scalable layout system with ACSS
Best Practices for scalability and consistency
From creative to wireframing and build
Builder agnostic. Pick your poison.