Design assets 2.0
This new release makes a number of improvements to the USWDS Sketch file:
- Uses only a single library file:
uswds
- Adds all themeable token and component symbols to a simplified
uswds-project
file - Improves organization and navigation of USWDS components
- Provides a starting point for more flexible and customizable components using
master
component building blocks
Note: This new version of the Sketch assets for designers replaces the older version and the two versions are not easily interoperable. You may find some quirks when trying to use the new libraries on existing USWDS projects.
Included design files
Adobe XD Components
- Components and theme colors in Adobe XD format (
adobe-xd/uswds-components
).
Sketch Libraries
The sketch/librarires/uswds
library includes the following:
- USWDS system colors
- USWDS system typescale in Public Sans
- USWDS avatars
- USWDS block
- USWDS icons
- Helper elements like device frames
- USWDS logos
Note: We have not yet implemented handoff symbols in the new Sketch files.
Sketch project file
This package includes sketch/uswds-project
: a project file synchronized to USWDS tokens. This project file includes the following customizable elements:
- USWDS theme colors as symbols and layer styles
- USWDS components as symbols
- USWDS layout grid artboards
Fonts
- Font Awesome
- Merriweather
- Public Sans
- Roboto Mono
- Source Sans Pro