Introduction

Detaching and updating components

Core libraries

• Design Tokens: Internal, Public
• Core Components: Internal, Public
• Interface Icons: Internal, Public
• Charts: Internal, Public
• Table Components: Internal, Public

Start designing with libraries

How to start designing with the Intergalactic Design System Figma libraries? Where you should start from?

Charts library

How to choose the right visualization for your task?

Additional libraries

In addition, we offer libraries for internal use, which are accessible solely to Semrush designers.

• UX/UI patterns with common modules and patterns we use across different Semrush products: UX Patterns
• Filter Patterns: Filter patterns
• Product Email Library: Product Emails
• All images for Flags component: Flags
• UI Illustrations: UI Illustration
• Marketing Illustrations: Illustration
• Basic components and templates for product landings: Product Landings
• Components for organizing your files and specs: Design File Template Library
• Library for experimental components and patterns: Experiments

TIP

All Semrush product designers have an editing access to the libraries containing UI illustrations, patterns, experiments, and email templates.

As a result, if you create any new illustrations, patterns, or email templates, you are encouraged to add them to the libraries through Figma branches. By doing so, you will facilitate your colleagues in finding readily usable illustrations, icons, and email templates in the future.