Atlas Docs
Everything you need to know about using Atlas in 
Slack
About
Atlas is a design system reference plugin for Slack.
Overview
Atlas syncs with our Figma variables and brand guidelines and makes them easy to share via Slack commands.
Atlas serves to complement your existing workflows, not replace them.
Value
It's pretty simple, Atlas helps to speed up conversations and get you the information you need where you already are most of the time anyway; in Slack.
Download
Slack App Directory
Atlas will be available through the Slack App Directory, the official marketplace for Slack apps and integrations.
Via GitHub
This is also available internally to our design team who can download it directly via our GitHub repository.
Pricing
✓ Completely Free — No subscriptions or hidden fees.
Commands
/atlas has access to all tokens in your design system. Below are some examples:
Help
/atlas help
Show all available commands and usage examples.
You: /atlas help
Atlas:
Atlas Design System Reference
Available Commands:
/atlas primary
Returns the primary brand color token.
/atlas secondary
Returns the secondary brand color token.
/atlas token <name>
Returns token details by name (e.g., token brand.primary).
/atlas list colors
Lists all color tokens with names and hex values.
/atlas list typography
Lists all typography tokens (font sizes, weights, line heights).
/atlas search <query>
Searches for tokens matching your query.
/atlas help
Shows this help message.
Primary Color
/atlas primary
Get your primary brand color instantly.
You: /atlas primary
Source: Design System (Figma)
Atlas:
Token: colors.brand.500
Collection: _Primitives
Mode: Style
Source: Design System (Figma)
Secondary Color
/atlas secondary
Get your secondary brand color.
You: /atlas secondary
Source: Design System (Figma)
Atlas:
Token: colors.orange.dark.400
Collection: _Primitives
Mode: Style
Source: Design System (Figma)
Token
/atlas token <name>
Get specific design token details by name.
You: /atlas token colors.brand.500
Source: Design System (Figma)
Atlas:
Token: colors.brand.500
Collection: _Primitives
Mode: Style
Source: Design System (Figma)
You: /atlas token colors.base.white
Source: Design System (Figma)
Atlas:
Token: colors.base.white
Collection: _Primitives
Mode: Style
Source: Design System (Figma)
You: /atlas token radius-md
Source: Design System (Figma)
Atlas:
Token: radius-md
Collection: 2. Radius
Mode: Mode 1
Source: Design System (Figma)
List Colors
/atlas list colors
See all available color tokens in your design system.
You: /atlas list colors
Atlas: Color Tokens (200+)
colors.brand.500
colors.base.white
colors.brand.600
base.dark-blue
colors.orange.dark.400
colors.error.600
... and 194+ more color tokens
List Typography
/atlas list typography
See all typography tokens including font sizes, weights, and line heights.
You: /atlas list typography
Atlas: Typography Tokens (43)
font.size.text-xs
line.height.text-xs
font.weight.medium
typography.weight.normal
typography.weight.bold
typography.lineheight.normal
... and 37+ more typography tokens
Search
/atlas search <query>
Search across all tokens to find what you need.
You: /atlas search primary
Atlas: Found 3 matches
• colors.foreground.fg-brand-primary.(600) → #0ba5ec
• text.primary.color-primary-normal → {Primary.Blue.600}
• primary.2.100 → #6b39f4
You: /atlas search blue
Atlas: Found 15+ matches
• colors.brand.500 → #0ba5ec
• colors.brand.600 → #0086c9
• colors.brand.700 → #026aa2
• colors.gray.blue.400 → #717bbc
• brightblue → #005da0
... and 10+ more matches
Photography Guidelines
/atlas photography <type>
Access brand photography guidelines and standards.
You: /atlas photography marketing
Source: Design System (Figma)
Atlas:
Photography in Marketing
Tactical applications across channels
Guidelines:
• WEBSITE
- Establishes Instant Credibility — First judgment happens in seconds. Branded photos signal legitimacy.
- Clarifies Who Brand Is For — Pre-qualifies visitors before they read headlines.
- Creates Cohesive Brand World — Website is environment, not brochure. Photos connect pages.
- Anchors Abstract Value Props — Makes intangible outcomes feel real and human.
• ADVERTISING
- Breaks Pattern in Feeds — Distinct style interrupts scrolling. Builds recognition faster than copy.
Source: Design System (Figma)
You: /atlas photography product
Atlas returns product UI photography guidelines.
You: /atlas photography general
Atlas returns general photography standards.
You: /atlas photography ethics
Atlas returns ethical photography standards.
More guidelines coming soon!