Developer 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.