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
🎨 Styles/🛟 Helpers
Updated 24 August 2024
🛟 Helpers
helpers

These are for use in Figma only, and are helpful for redlining specs when handing over to development.

label(4 variants)
View Figma
    PlaygroundFigma
Figma notes
These can scale in length
helpers - section description not attached

These are for use in Figma only, and are helpful for redlining specs when handing over to development.

note
View Figma