Getting Started
Figma Kit
Overview
The Laioutr Figma UI Kit is a professional-grade design system mirrored 1:1 in Laioutr Studio, designed to help teams ship faster with a consistent design-to-code pipeline.
For the full documentation (library structure, variables, component features, best practices), see the dedicated section:
CSS Layers
The Laioutr UI Kit wraps its CSS in a project layer (lui-components) so customer styles outside any layer always win. No !important needed, no specificity duels.
Surface Tone
How Laioutr UI components inherit the tone of the surface they sit on (light, dark, or bright) and how to override it with OnSurface.