A shared library of accessible, mobile-friendly components, design tokens, and guidelines for teams building digital services across New York State.
For designers
Reusable design templates with code parity.
For developers
Production-ready web components with built-in accessibility and theming.
Foundational principles and visual identity
We saved approximately 30–40% of the time it takes to design a typical project — time we reinvested into user research and testing.
Latest Updates
May 14, 2026
Releasing the new <nys-tab> component! We fixed some responsive utility CSS, as well as a few React and Preact bugs. BREAKING CHANGE to grid-gap CSS classes, read release notes for more info.
April 21, 2026
How the NYS Design System uses CSS variables and design tokens to enable consistent, scalable, and customizable UI development across New York State.
Accessible, by design
Every component ships with built-in ARIA attributes, keyboard support, and color contrast that meets WCAG 2.1 AA — helping agencies meet DOJ and NYS compliance deadlines without costly remediation.
Consistent across agencies
20 million New Yorkers interact with state services across dozens of agencies. A shared design language means residents get a familiar, trustworthy experience whether they are renewing a license, filing for benefits, or checking election results.
Cost savings
Shared components reduce duplicated development effort across agencies, cut accessibility remediation costs, and free teams to focus on mission-critical work instead of rebuilding common UI.
Available to anyone with a Figma account, our Community file provides instant access to our shared components, tokens, and text styles. Simply duplicate the file to your workspace to customize the library to your needs.
The official Figma library for NYS staff. Includes WCAG-compliant components, foundational design tokens, and agency themes that adapt to your brand.
The design system improves when teams across New York State share what works and what does not. Report bugs, propose new components, join office hours, or help refine existing patterns.