Current version: 7.0
Learn what Astro is and what a design system can do for you and your applications.
Jumping into icons, layouts, components, and Figma files to get you started designing with Astro.
Find out how to implement Astro design system into code using design tokens and our code base.
“Pixel Perfect”. The Holy Grail. The Dream. The ability to take an asset designed in Figma and implement in code is the superpower...
Transforming a web design system for new platforms is, unsurprisingly, an exercise in making tradeoffs.
This quick four-step tutorial will show you how to implement a light to dark theme Switch without losing the user’s preferred state.
When your color system gets ugly, how do you make it pretty again, and keep it that way?
Styling native HTML elements can be tricky, and the range input is certainly no different.
View all articles
Sign up to learn more about what Astro has to offer and to stay up to date on events, releases, and news.