Introduction to our libraries

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 our libraries

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

Getting started with 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
• All images for Flags component: Flags
• UI illustrations: UI Illustration
• Marketing illustrations: Illustration
• Basic components and templates for product landings: Product Landings
• Product email templates and components: Product Emails
• Library for experimental components and patterns: Experiments
• Components for organizing your files and specs: Design File Template Library

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.