Hatch Design System 2.1

Hatch is a UI design framework for Sketch that assists you in creating beautiful, consistent, and scalable user interfaces while leveraging Sketch’s smartest techniques, built right into customizable components that can be quickly assembled for any project. This may be a quick project or a challenge that requires you to build a design system. Hatch saves you time by laying the foundation to create well structured and scalable user interfaces.

2.1

(Also included in purchase: Hatch Design System 1.0)

Who it's for: UI Designers, UX Designers, Design Teams, and Developers

What's Included:

Hatch Styles — the foundation of the kit. It includes all Text and Layer Styles such as Colors, Shadows, Shapes, Overlays and Text Styles.

Hatch Design Kit — the component library for desktop and mobile includes all necessary elements to build user interfaces — from essential components like Buttons and Checkboxes, to more complex ones like Side Nav, Tables, and Tabs.

View full preview in Sketch Cloud

Hatch is derived from Atomic Design Methodology (by Brad Frost), which starts with atoms and molecules as foundational building blocks of a design system. The idea is to start with setting up the base elements and design principles then follow these principles while designing the interface.

Requires: Sketch 69+

Learn More: https://hatchdesignsystem.com/