Micro Focus Design System lives in Figma. This is our always-in-sync, one source of truth for the whole community. For Sketch users, it is possible to download our latest component file under DS17 section at the bottom of this page, however, the upcoming updates won’t be reflected on this file.
Micro Focus Design System
Component library & Product language
Tokens & Styles
Micro Focus Tokens & Styles
Components 2021 Sketch
Micro Focus DS21 components to use on Sketch
Set of basic reusable icons
png & svg icon pack
Coming soon – a set of reusable illustration set to include in your products.
Set of basic illustrations
Set of png & svg illustrations
The Design System 2021 uses Roboto throughout all the components. For the most updated font families follow the link to Google Fonts. If your product is still using Metric you might download the zip folder at the bottom of this page under the DS17 section.
Noto Sans JP
Noto Sans KR
Noto Sans SC
Download the Micro Focus logos, family logos, and product icons as png & svg files to use in your designs.
Micro Focus logo
Blue, black & inverse versions
png & svg logos
png & svg product icons
Design System 2017
These resources are related to the Design System 2017. Please note that this section will not be maintained in the future.
Components 2017 Sketch
Micro Focus DS17 components to use on Sketch
A PDF with screenshots of the old Everything UX Portal
External links that might be useful when working with the Design System in Figma and other general resources.