Figma libraries
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.