FigMayo Logo

LIBRARIES

🎨 Styles Slim (0)

core

Fills & Effects
Typography

components

Buttons
Documentation Tests
Alerts
Test page
New page
Atomize 3.0

core

Fills & Effects

components

✦ Cover ✦
🔲 Artboards
💜 Icons
🏞 Project Thumbnail (Use this for cover)
↪ Logos
↪ Buttons
↪ Avatars
↪ Radio Buttons
↪ Checkboxes
↪ Toggle
↪ Chips
↪ Tags
↪ Input fields
↪ Dropdown
↪ Date Picker
↪ Tooltips
↪ Toasts
↪ Alerts
↪ Links
↪ Switcher
↪ Tab Navigation
↪ Lists
↪ Sidebar Navigation
↪ Misc Components
↪ Header
↪ Modals
↪ Tables
↪ Web3 Components
🔲 Sheets
🎨 Foundations

core

Fills & Effects
Variables
Typography

components

✅ Avatars
Illustrations
🪧 Local components
🐙 Organisms

core

Variables

components

Card
Site map
Larder
Navigation
Notes
Blocks
Table
Footer
🎨 Styles Slim (1)

pages

Content Page

core

Fills & Effects
Variables
Typography

components

Buttons
New Knicks
Page 11
New page
Test page
Tooltips
Alerts
Inspector test
Icon tests
Icon tests - no frame
FigMayo Library Template

core

Variables

components

Introduction
Page structure
Adding components
🎨 Styles

pages

📙 Library overview

core

Fills & Effects
Variables
Typography

components

🔄 Icons
☑️ Buttons
✏️ Forms
🍟 Chips & badges
🔻 Dropdowns
🚨 Notifications
☢️ Test page
😎 Avatars
🛍 Brand assets
🧰 Tooltips
🛟 Helpers
🕹️ Variables
🗺 Navigation
🐙 Organisms
🩻 Overlays
⚙️ Settings
🦶Footer
Ctrl-K
🎨 Foundations/Illustrations
Updated 24 August 2024
Illustrations
cards

These are used on our library cards which appear on the library cover pages.

illustration-style(5 variants)
View Figma
    PlaygroundFigma
aspect-ratio

Allowed aspect ratios

AspectRatio(2 variants)
View Figma