Stop wiring services together for weeks. Unoff gives you everything you need to build, ship, and monetize Figma plugins — even if you've never written a line of code.
$
Get started
Available for Figma
Soon on Penpot
A CLI, a UI kit, services on tap, and AI at your side — all in one toolkit.
Shape it
From zero to a polished plugin in one command — structure, UI, and design assets ready to go.
Supercharge it
Let AI write code for you, toggle features on the fly, and forget about CORS forever.
Wire it
Payments, analytics, auth, localization — every service plugged in, so you never start from scratch.
From zero to a polished plugin in one command — structure, UI, and design assets ready to go.
React + Vite Boilerplate
Start from a Figma-ready template with a single CLI command. Hot reload, TypeScript, and modern DX out of the box.
Your Awesome Plugin
Simple CLI commands
Create, dev, build, add — run them straight from your terminal or IDE. No npx rabbit holes.
$
unoff add skills
Platform-native UI Components
A component library that mirrors Figma's own interface — your plugin feels native from day one.
Action label
Action label
Action label
Action label
Figma Component Library
Design with real components synced to unoff-ui. What you see in Figma is what ships in code.
Action label
Action label
Action label
Action label
Action label
Action label
Action label
Action label
Payments, analytics, auth, localization — every service plugged in, so you never start from scratch.
API
Lemon Squeezy
License key verification and transactional payments — or use Figma's built-in payment service. Revenue on day one.
WORKER + SDK
Supabase
Authentication, database interaction, and server-side logic — all pre-wired and ready to go.
SDK
Mixpanel
User analytics with session replays and custom events. Understand how people actually use your plugin.
SDK
Sentry
Error tracking and user feedback. Catch bugs before your users report them.
WORKER + TEMPLATE
Notion
In-app announcements and onboarding flows powered by Notion — update content without redeploying.
API + SDK
Tolgee
Ship your plugin in multiple languages with over-the-air translation management.
WORKER
CORS Proxy
Every outbound request gets proper CORS headers automatically — no more blocked calls.
Agentic Skills
Purpose-built skills for Copilot, Cursor, Windsurf, and Claude Code. Let AI write your plugin with guardrails.
Action label
Pro
isBlocked
88EBF9
Pro
unoff-utils
Feature Flags
Roll out features progressively and toggle functionality without a new release.
Let AI write code for you, toggle features on the fly, and forget about CORS forever.
From zero to a polished plugin in one command — structure, UI, and design assets ready to go.
Solopreneurs
You have an idea, not a dev team. Unoff handles the hard parts — monetization, monitoring, auth, analytics — so you can focus on your product.
No technical background needed — AI agents and skills do the heavy lifting
Native-feeling UI — your users get a polished experience from the start
Days saved, not spent — go from idea to published plugin in a weekend
Vibecoders
You're a designer who builds internal tools. You don't need a developer — you need the right scaffolding.
No dev dependency — build and ship tooling on your own
Rapid design-to-code — Figma library synced to real components
AI-assisted workflow — vibe-code with Claude Code, Cursor, or Windsurf
The boring stuff is already done. Here's what you're really saving.
Task
Project scaffolding (boilerplate, bundler, Figma config)
UI that matches Figma's look & feel
Payments & license verification (LemonSqueezy / Figma)
User analytics & session replays (Mixpanel)
Error tracking & user feedback (Sentry)
Auth & database (Supabase)
Announcements & onboarding (Notion)
Localization (Tolgee)
CORS proxy setup
Total estimate
Without Unoff
1 – 2 days
3 – 5 days
2 – 3 days
1 – 2 days
1 – 2 days
2 – 4 days
1 – 2 days
1 – 2 days
0.5 – 1 day
~13 – 23 days
With Unoff
30 min
Included
~2 h
~2 h
~2 h
~2 h
~2 h
~2 h
Included
~1 – 2 days
Start free, go further when you're ready.
/hobby
$0
Try our tool for free
CLI & boilerplate
unoff-ui component library (npm)
unoff-ui Storybook documentation
Community support
/insider
$299
$210
Billed yearly
Everything in /hobby
Step-by-step guides to set up and connect external services (Sentry, Mixpanel, Supabase, LemonSqueezy, Notion, Tolgee) to your plugin
Agentic skills (Claude Code, Cursor, Windsurf, Copilot)
Figma component library
Dedicated support
Early access to upcoming CLI features & templates
Get started
Welcome
I'm Aurélien Grimaud. I created UI Color Palette, a mini-app available on Figma, Penpot, Sketch, and Framer, and founded Yelbolt to keep building and helping others do the same. Unoff isn't theory — it's the toolkit I built from years of doing this every single day.
UI Color Palette・WCAG Color Palette Manager for Apps & Websites
Sources
Scale
Settings
Overview
AI
Image
Wheel
Explorer
Cyberpunk futuristic interface with neon accents
Cyberpunk
Minimalist
Pastel
Corporate
Nature
Vintage
Landing page
Blog
Resume
Portfolio
Documentation
E-commerce
Generate colors (⌃⏎ or ⌘⏎)
AI-Generated colors
(5)
Alert
#FF0040
Primary
#00F0FF
Success
#00FF40
Text
#E0E0E0
Warning
#FF8000
UICP Color Primitives
・
17 source colors
Create UI Color Palette
UI Color Palette・WCAG Color Palette Manager for Apps & Websites
Scale
Colors
Modes
Export
Settings
Mode
Light
Color scale
(8)
Custom, 10-100
・
Contrast mode
80
10
70
18.9
60
30.4
50
43.2
40
56.8
30
69.9
20
81.1
10
90
Chroma
Hue
Distribution easing
Ease in and out
Sine
How to use
・
Review the keyboard shortcuts
OKLCH
No vision simulation
Source
80
70
60
50
40
30
20
10
Primary
4.33
: 1
✗
4.85
: 1
✓
2.63
: 1
✗
7.99
: 1
✓
Lc
53.0
✓
1.76
: 1
✗
Lc
36.0
✗
11.91
: 1
✓
Lc
71.8
✓
1.33
: 1
✗
Lc
18.4
✗
15.82
: 1
✓
Lc
87.6
✓
Neutral
4.47
: 1
✗
4.70
: 1
✓
2.68
: 1
✗
7.83
: 1
✓
Lc
51.9
✓
1.78
: 1
✗
Lc
37.0
✗
11.77
: 1
✓
Lc
70.9
✓
1.34
: 1
✗
Lc
19.4
✗
15.82
: 1
✓
Lc
86.7
✓
UICP
4.32
: 1
✗
4.86
: 1
✓
2.62
: 1
✗
8.02
: 1
✓
Lc
53.2
✓
1.75
: 1
✗
Lc
35.6
✗
12.02
: 1
✓
Lc
72.1
✓
1.32
: 1
✗
Lc
17.8
✗
15.96
: 1
✓
WCAG Δ
0.3
0.01
0.61
0.04
0.83
0.1
0.43
0.14
0.15
0.16
0.06
0.19
0.01
0.25
0.02
0.14
UICP Color Primitives
Sync with local library
UI Color Palette・WCAG Color Palette Manager for Apps & Websites
Scale
Colors
Modes
Export
Settings
Mode
Light
Code
(14)
Native tokens (JSON)
{ "$themes": [ { "name": "Light", "group": "Modes", "description": "", "selectedTokenSets": { "UICP Color Primitives/Light": "enabled" } }, { "name": "Dark", "group": "Modes", "description": "", "selectedTokenSets": { "UICP Color Primitives/Dark": "enabled" } } ], "$metadata": { "activeThemes": [], "tokenSetOrder": [ "uicp_color_primitives/light", "uicp_color_primitives/dark" ], "activeSets": [] }, "UICP Color Primitives/Light": { "primary.source": { "$type": "color", "$value": "#fff700", "$description": "Source color" }, "primary.80": { "neutral.source":
Export palette as JSON
UI Color Palette・WCAG Color Palette Manager for Apps & Websites
Local
Library
New UI Color Palette
My palettes
Starred
Organization
Community
Search palettes…
Adobe・Spectrum 6.0.0・Neutral
Spectrum, Neutral 25-900 (Adobe)
1 source color
・
11 shades/tints
・
2 color modes
Add to local
Bootstrap 5.3
Bootstrap, 100-900
11 source colors
・
99 shades/tints
・
No color mode
Add to local
Microsoft・Fluent 2・Brand・Office Products
Fluent, 10-160 (Microsoft)
5 source colors
・
80 shades/tints
・
No color mode
Add to local
The palettes list is complete
Stop wiring services together for weeks. Unoff gives you everything you need to build, ship, and monetize Figma plugins — even if you've never written a line of code.
$
Get started
Available for Figma
Soon on Penpot
A CLI, a UI kit, services on tap, and AI at your side — all in one toolkit.
Shape it
From zero to a polished plugin in one command — structure, UI, and design assets ready to go.
Supercharge it
Let AI write code for you, toggle features on the fly, and forget about CORS forever.
Wire it
Payments, analytics, auth, localization — every service plugged in, so you never start from scratch.
From zero to a polished plugin in one command — structure, UI, and design assets ready to go.
React + Vite Boilerplate
Start from a Figma-ready template with a single CLI command. Hot reload, TypeScript, and modern DX out of the box.
Your Awesome Plugin
Simple CLI commands
Create, dev, build, add — run them straight from your terminal or IDE. No npx rabbit holes.
$
unoff add skills
Platform-native UI Components
A component library that mirrors Figma's own interface — your plugin feels native from day one.
Action label
Action label
Action label
Action label
Figma Component Library
Design with real components synced to unoff-ui. What you see in Figma is what ships in code.
Action label
Action label
Action label
Action label
Action label
Action label
Action label
Action label
Payments, analytics, auth, localization — every service plugged in, so you never start from scratch.
API
Lemon Squeezy
License key verification and transactional payments — or use Figma's built-in payment service. Revenue on day one.
WORKER + SDK
Supabase
Authentication, database interaction, and server-side logic — all pre-wired and ready to go.
SDK
Mixpanel
User analytics with session replays and custom events. Understand how people actually use your plugin.
SDK
Sentry
Error tracking and user feedback. Catch bugs before your users report them.
WORKER + TEMPLATE
Notion
In-app announcements and onboarding flows powered by Notion — update content without redeploying.
API + SDK
Tolgee
Ship your plugin in multiple languages with over-the-air translation management.
Let AI write code for you, toggle features on the fly, and forget about CORS forever.
WORKER
CORS Proxy
Every outbound request gets proper CORS headers automatically — no more blocked calls.
Agentic Skills
Purpose-built skills for Copilot, Cursor, Windsurf, and Claude Code. Let AI write your plugin with guardrails.
/skills
unoff-utils
Feature Flags
Roll out features progressively and toggle functionality without a new release.
Action label
Pro
isBlocked
88EBF9
Pro
From zero to a polished plugin in one command — structure, UI, and design assets ready to go.
Solopreneurs
You have an idea, not a dev team. Unoff handles the hard parts — monetization, monitoring, auth, analytics — so you can focus on your product.
No technical background needed — AI agents and skills do the heavy lifting
Native-feeling UI — your users get a polished experience from the start
Days saved, not spent — go from idea to published plugin in a weekend
Vibecoders
You're a designer who builds internal tools. You don't need a developer — you need the right scaffolding.
No dev dependency — build and ship tooling on your own
Rapid design-to-code — Figma library synced to real components
AI-assisted workflow — vibe-code with Claude Code, Cursor, or Windsurf
The boring stuff is already done. Here's what you're really saving.
Task
Project scaffolding (boilerplate, bundler, Figma config)
UI that matches Figma's look & feel
Payments & license verification (LemonSqueezy / Figma)
User analytics & session replays (Mixpanel)
Error tracking & user feedback (Sentry)
Auth & database (Supabase)
Announcements & onboarding (Notion)
Localization (Tolgee)
CORS proxy setup
Total estimate
Without Unoff
1 – 2 days
3 – 5 days
2 – 3 days
1 – 2 days
1 – 2 days
2 – 4 days
1 – 2 days
1 – 2 days
0.5 – 1 day
~13 – 23 days
With Unoff
30 min
Included
~2 h
~2 h
~2 h
~2 h
~2 h
~2 h
Included
~1 – 2 days
Start free, go further when you're ready.
/hobby
$0
Try our tool for free
CLI & boilerplate
unoff-ui component library (npm)
unoff-ui Storybook documentation
Community support
/insider
$299
$210
Billed yearly
Everything in /hobby
Step-by-step guides to set up and connect external services (Sentry, Mixpanel, Supabase, LemonSqueezy, Notion, Tolgee) to your plugin
Agentic skills (Claude Code, Cursor, Windsurf, Copilot)
Figma component library
Dedicated support
Early access to upcoming CLI features & templates
Get started
Welcome
I'm Aurélien Grimaud. I created UI Color Palette, a mini-app available on Figma, Penpot, Sketch, and Framer, and founded Yelbolt to keep building and helping others do the same. Unoff isn't theory — it's the toolkit I built from years of doing this every single day.
UI Color Palette・WCAG Color Palette Manager for Apps & Websites
Sources
Scale
Settings
Overview
AI
Image
Wheel
Explorer
Cyberpunk futuristic interface with neon accents
Cyberpunk
Minimalist
Pastel
Corporate
Nature
Vintage
Landing page
Blog
Resume
Portfolio
Documentation
E-commerce
Generate colors (⌃⏎ or ⌘⏎)
AI-Generated colors
(5)
Alert
#FF0040
Primary
#00F0FF
Success
#00FF40
Text
#E0E0E0
Warning
#FF8000
UICP Color Primitives
・
17 source colors
Create UI Color Palette
UI Color Palette・WCAG Color Palette Manager for Apps & Websites
Scale
Colors
Modes
Export
Settings
Mode
Light
Color scale
(8)
Custom, 10-100
・
Contrast mode
80
10
70
18.9
60
30.4
50
43.2
40
56.8
30
69.9
20
81.1
10
90
Chroma
Hue
Distribution easing
Ease in and out
Sine
How to use
・
Review the keyboard shortcuts
OKLCH
No vision simulation
Source
80
70
60
50
40
30
20
10
Primary
4.33
: 1
✗
4.85
: 1
✓
2.63
: 1
✗
7.99
: 1
✓
Lc
53.0
✓
1.76
: 1
✗
Lc
36.0
✗
11.91
: 1
✓
Lc
71.8
✓
1.33
: 1
✗
Lc
18.4
✗
15.82
: 1
✓
Lc
87.6
✓
Neutral
4.47
: 1
✗
4.70
: 1
✓
2.68
: 1
✗
7.83
: 1
✓
Lc
51.9
✓
1.78
: 1
✗
Lc
37.0
✗
11.77
: 1
✓
Lc
70.9
✓
1.34
: 1
✗
Lc
19.4
✗
15.82
: 1
✓
Lc
86.7
✓
UICP
4.32
: 1
✗
4.86
: 1
✓
2.62
: 1
✗
8.02
: 1
✓
Lc
53.2
✓
1.75
: 1
✗
Lc
35.6
✗
12.02
: 1
✓
Lc
72.1
✓
1.32
: 1
✗
Lc
17.8
✗
15.96
: 1
✓
WCAG Δ
0.3
0.01
0.61
0.04
0.83
0.1
0.43
0.14
0.15
0.16
0.06
0.19
0.01
0.25
0.02
0.14
UICP Color Primitives
Sync with local library
UI Color Palette・WCAG Color Palette Manager for Apps & Websites
Scale
Colors
Modes
Export
Settings
Mode
Light
Code
(14)
Native tokens (JSON)
{ "$themes": [ { "name": "Light", "group": "Modes", "description": "", "selectedTokenSets": { "UICP Color Primitives/Light": "enabled" } }, { "name": "Dark", "group": "Modes", "description": "", "selectedTokenSets": { "UICP Color Primitives/Dark": "enabled" } } ], "$metadata": { "activeThemes": [], "tokenSetOrder": [ "uicp_color_primitives/light", "uicp_color_primitives/dark" ], "activeSets": [] }, "UICP Color Primitives/Light": { "primary.source": { "$type": "color", "$value": "#fff700", "$description": "Source color" }, "primary.80": { "neutral.source":
Export palette as JSON
UI Color Palette・WCAG Color Palette Manager for Apps & Websites
Local
Library
New UI Color Palette
My palettes
Starred
Organization
Community
Search palettes…
Adobe・Spectrum 6.0.0・Neutral
Spectrum, Neutral 25-900 (Adobe)
1 source color
・
11 shades/tints
・
2 color modes
Add to local
Bootstrap 5.3
Bootstrap, 100-900
11 source colors
・
99 shades/tints
・
No color mode
Add to local
Microsoft・Fluent 2・Brand・Office Products
Fluent, 10-160 (Microsoft)
5 source colors
・
80 shades/tints
・
No color mode
Add to local
The palettes list is complete
Stop wiring services together for weeks. Unoff gives you everything you need to build, ship, and monetize Figma plugins — even if you've never written a line of code.
$
Get started
Available for Figma
Soon on Penpot
A CLI, a UI kit, services on tap, and AI at your side — all in one toolkit.
Shape it
From zero to a polished plugin in one command — structure, UI, and design assets ready to go.
Wire it
Payments, analytics, auth, localization — every service plugged in, so you never start from scratch.
Supercharge it
Let AI write code for you, toggle features on the fly, and forget about CORS forever.
From zero to a polished plugin in one command — structure, UI, and design assets ready to go.
React + Vite Boilerplate
Start from a Figma-ready template with a single CLI command. Hot reload, TypeScript, and modern DX out of the box.
Your Awesome Plugin
Simple CLI commands
Create, dev, build, add — run them straight from your terminal or IDE. No npx rabbit holes.
$
unoff add skills
Platform-native UI Components
A component library that mirrors Figma's own interface — your plugin feels native from day one.
Action label
Action label
Action label
Action label
Figma Component Library
Design with real components synced to unoff-ui. What you see in Figma is what ships in code.
Action label
Action label
Action label
Action label
Action label
Action label
Action label
Action label
Payments, analytics, auth, localization — every service plugged in, so you never start from scratch.
API
Lemon Squeezy
License key verification and transactional payments — or use Figma's built-in payment service. Revenue on day one.
SDK
Mixpanel
User analytics with session replays and custom events. Understand how people actually use your plugin.
SDK
Sentry
Error tracking and user feedback. Catch bugs before your users report them.
WORKER + TEMPLATE
Notion
In-app announcements and onboarding flows powered by Notion — update content without redeploying.
API + SDK
Tolgee
Ship your plugin in multiple languages with over-the-air translation management.
WORKER + SDK
Supabase
Authentication, database interaction, and server-side logic — all pre-wired and ready to go.
Let AI write code for you, toggle features on the fly, and forget about CORS forever.
WORKER
CORS Proxy
Every outbound request gets proper CORS headers automatically — no more blocked calls.
Agentic Skills
Purpose-built skills for Copilot, Cursor, Windsurf, and Claude Code. Let AI write your plugin with guardrails.
/skills
unoff-utils
Feature Flags
Roll out features progressively and toggle functionality without a new release.
Action label
Pro
isBlocked
88EBF9
Pro
From zero to a polished plugin in one command — structure, UI, and design assets ready to go.
Solopreneurs
You have an idea, not a dev team. Unoff handles the hard parts — monetization, monitoring, auth, analytics — so you can focus on your product.
No technical background needed — AI agents and skills do the heavy lifting
Native-feeling UI — your users get a polished experience from the start
Days saved, not spent — go from idea to published plugin in a weekend
Vibecoders
You're a designer who builds internal tools. You don't need a developer — you need the right scaffolding.
No dev dependency — build and ship tooling on your own
Rapid design-to-code — Figma library synced to real components
AI-assisted workflow — vibe-code with Claude Code, Cursor, or Windsurf
The boring stuff is already done. Here's what you're really saving.
Task
Project scaffolding (boilerplate, bundler, Figma config)
UI that matches Figma's look & feel
Payments & license verification (LemonSqueezy / Figma)
User analytics & session replays (Mixpanel)
Error tracking & user feedback (Sentry)
Auth & database (Supabase)
Announcements & onboarding (Notion)
Localization (Tolgee)
CORS proxy setup
Total estimate
Without Unoff
1 – 2 days
3 – 5 days
2 – 3 days
1 – 2 days
1 – 2 days
2 – 4 days
1 – 2 days
1 – 2 days
0.5 – 1 day
~13 – 23 days
With Unoff
30 min
Included
~2 h
~2 h
~2 h
~2 h
~2 h
~2 h
Included
~1 – 2 days
Start free, go further when you're ready.
/hobby
$0
Try our tool for free
CLI & boilerplate
unoff-ui component library (npm)
unoff-ui Storybook documentation
Community support
/insider
$299
$210
Billed yearly
Everything in /hobby
Step-by-step guides to set up and connect external services (Sentry, Mixpanel, Supabase, LemonSqueezy, Notion, Tolgee) to your plugin
Agentic skills (Claude Code, Cursor, Windsurf, Copilot)
Figma component library
Dedicated support
Early access to upcoming CLI features & templates
Get started
Welcome
I'm Aurélien Grimaud. I created UI Color Palette, a mini-app available on Figma, Penpot, Sketch, and Framer, and founded Yelbolt to keep building and helping others do the same. Unoff isn't theory — it's the toolkit I built from years of doing this every single day.
UI Color Palette・WCAG Color Palette Manager for Apps & Websites
Sources
Scale
Settings
Overview
AI
Image
Wheel
Explorer
Cyberpunk futuristic interface with neon accents
Cyberpunk
Minimalist
Pastel
Corporate
Nature
Vintage
Landing page
Blog
Resume
Portfolio
Documentation
E-commerce
Generate colors (⌃⏎ or ⌘⏎)
AI-Generated colors
(5)
Alert
#FF0040
Primary
#00F0FF
Success
#00FF40
Text
#E0E0E0
Warning
#FF8000
UICP Color Primitives
・
17 source colors
Create UI Color Palette
UI Color Palette・WCAG Color Palette Manager for Apps & Websites
Scale
Colors
Modes
Export
Settings
Mode
Light
Color scale
(8)
Custom, 10-100
・
Contrast mode
80
10
70
18.9
60
30.4
50
43.2
40
56.8
30
69.9
20
81.1
10
90
Chroma
Hue
Distribution easing
Ease in and out
Sine
How to use
・
Review the keyboard shortcuts
OKLCH
No vision simulation
Source
80
70
60
50
40
30
20
10
Primary
4.33
: 1
✗
4.85
: 1
✓
2.63
: 1
✗
7.99
: 1
✓
Lc
53.0
✓
1.76
: 1
✗
Lc
36.0
✗
11.91
: 1
✓
Lc
71.8
✓
1.33
: 1
✗
Lc
18.4
✗
15.82
: 1
✓
Lc
87.6
✓
Neutral
4.47
: 1
✗
4.70
: 1
✓
2.68
: 1
✗
7.83
: 1
✓
Lc
51.9
✓
1.78
: 1
✗
Lc
37.0
✗
11.77
: 1
✓
Lc
70.9
✓
1.34
: 1
✗
Lc
19.4
✗
15.82
: 1
✓
Lc
86.7
✓
UICP
4.32
: 1
✗
4.86
: 1
✓
2.62
: 1
✗
8.02
: 1
✓
Lc
53.2
✓
1.75
: 1
✗
Lc
35.6
✗
12.02
: 1
✓
Lc
72.1
✓
1.32
: 1
✗
Lc
17.8
✗
15.96
: 1
✓
WCAG Δ
0.3
0.01
0.61
0.04
0.83
0.1
0.43
0.14
0.15
0.16
0.06
0.19
0.01
0.25
0.02
0.14
UICP Color Primitives
Sync with local library
UI Color Palette・WCAG Color Palette Manager for Apps & Websites
Scale
Colors
Modes
Export
Settings
Mode
Light
Code
(14)
Native tokens (JSON)
{ "$themes": [ { "name": "Light", "group": "Modes", "description": "", "selectedTokenSets": { "UICP Color Primitives/Light": "enabled" } }, { "name": "Dark", "group": "Modes", "description": "", "selectedTokenSets": { "UICP Color Primitives/Dark": "enabled" } } ], "$metadata": { "activeThemes": [], "tokenSetOrder": [ "uicp_color_primitives/light", "uicp_color_primitives/dark" ], "activeSets": [] }, "UICP Color Primitives/Light": { "primary.source": { "$type": "color", "$value": "#fff700", "$description": "Source color" }, "primary.80": { "neutral.source":
Export palette as JSON
UI Color Palette・WCAG Color Palette Manager for Apps & Websites
Local
Library
New UI Color Palette
My palettes
Starred
Organization
Community
Search palettes…
Adobe・Spectrum 6.0.0・Neutral
Spectrum, Neutral 25-900 (Adobe)
1 source color
・
11 shades/tints
・
2 color modes
Add to local
Bootstrap 5.3
Bootstrap, 100-900
11 source colors
・
99 shades/tints
・
No color mode
Add to local
Microsoft・Fluent 2・Brand・Office Products
Fluent, 10-160 (Microsoft)
5 source colors
・
80 shades/tints
・
No color mode
Add to local
The palettes list is complete
Stop wiring services together for weeks. Unoff gives you everything you need to build, ship, and monetize Figma plugins — even if you've never written a line of code.
$
Get started
Available for Figma
Soon on Penpot
A CLI, a UI kit, services on tap, and AI at your side — all in one toolkit.
Shape it
From zero to a polished plugin in one command — structure, UI, and design assets ready to go.
Wire it
Payments, analytics, auth, localization — every service plugged in, so you never start from scratch.
Supercharge it
Let AI write code for you, toggle features on the fly, and forget about CORS forever.
From zero to a polished plugin in one command — structure, UI, and design assets ready to go.
React + Vite Boilerplate
Start from a Figma-ready template with a single CLI command. Hot reload, TypeScript, and modern DX out of the box.
Your Awesome Plugin
Simple CLI commands
Create, dev, build, add — run them straight from your terminal or IDE. No npx rabbit holes.
$
unoff add skills
Platform-native UI Components
A component library that mirrors Figma's own interface — your plugin feels native from day one.
Action label
Action label
Action label
Action label
Figma Component Library
Design with real components synced to unoff-ui. What you see in Figma is what ships in code.
Action label
Action label
Action label
Action label
Action label
Action label
Action label
Action label
Payments, analytics, auth, localization — every service plugged in, so you never start from scratch.
API
Lemon Squeezy
License key verification and transactional payments — or use Figma's built-in payment service. Revenue on day one.
SDK
Mixpanel
User analytics with session replays and custom events. Understand how people actually use your plugin.
SDK
Sentry
Error tracking and user feedback. Catch bugs before your users report them.
WORKER + TEMPLATE
Notion
In-app announcements and onboarding flows powered by Notion — update content without redeploying.
API + SDK
Tolgee
Ship your plugin in multiple languages with over-the-air translation management.
WORKER + SDK
Supabase
Authentication, database interaction, and server-side logic — all pre-wired and ready to go.
Let AI write code for you, toggle features on the fly, and forget about CORS forever.
WORKER
CORS Proxy
Every outbound request gets proper CORS headers automatically — no more blocked calls.
Agentic Skills
Purpose-built skills for Copilot, Cursor, Windsurf, and Claude Code. Let AI write your plugin with guardrails.
/skills
unoff-utils
Feature Flags
Roll out features progressively and toggle functionality without a new release.
Action label
Pro
isBlocked
88EBF9
Pro
From zero to a polished plugin in one command — structure, UI, and design assets ready to go.
Solopreneurs
You have an idea, not a dev team. Unoff handles the hard parts — monetization, monitoring, auth, analytics — so you can focus on your product.
No technical background needed — AI agents and skills do the heavy lifting
Native-feeling UI — your users get a polished experience from the start
Days saved, not spent — go from idea to published plugin in a weekend
Vibecoders
You're a designer who builds internal tools. You don't need a developer — you need the right scaffolding.
No dev dependency — build and ship tooling on your own
Rapid design-to-code — Figma library synced to real components
AI-assisted workflow — vibe-code with Claude Code, Cursor, or Windsurf
The boring stuff is already done. Here's what you're really saving.
Task
Project scaffolding (boilerplate, bundler, Figma config)
UI that matches Figma's look & feel
Payments & license verification (LemonSqueezy / Figma)
User analytics & session replays (Mixpanel)
Error tracking & user feedback (Sentry)
Auth & database (Supabase)
Announcements & onboarding (Notion)
Localization (Tolgee)
CORS proxy setup
Total estimate
Without Unoff
1 – 2 days
3 – 5 days
2 – 3 days
1 – 2 days
1 – 2 days
2 – 4 days
1 – 2 days
1 – 2 days
0.5 – 1 day
~13 – 23 days
With Unoff
30 min
Included
~2 h
~2 h
~2 h
~2 h
~2 h
~2 h
Included
~1 – 2 days
Start free, go further when you're ready.
/hobby
$0
Try our tool for free
CLI & boilerplate
unoff-ui component library (npm)
unoff-ui Storybook documentation
Community support
/insider
$299
$210
Billed yearly
Everything in /hobby
Step-by-step guides to set up and connect external services (Sentry, Mixpanel, Supabase, LemonSqueezy, Notion, Tolgee) to your plugin
Agentic skills (Claude Code, Cursor, Windsurf, Copilot)
Figma component library
Dedicated support
Early access to upcoming CLI features & templates
Get started
Welcome
UI Color Palette・WCAG Color Palette Manager for Apps & Websites
Sources
Scale
Settings
Overview
AI
Image
Wheel
Explorer
Cyberpunk futuristic interface with neon accents
Cyberpunk
Minimalist
Pastel
Corporate
Nature
Vintage
Landing page
Blog
Resume
Portfolio
Documentation
E-commerce
Generate colors (⌃⏎ or ⌘⏎)
AI-Generated colors
(5)
Alert
#FF0040
Primary
#00F0FF
Success
#00FF40
Text
#E0E0E0
Warning
#FF8000
UICP Color Primitives
・
17 source colors
Create UI Color Palette
UI Color Palette・WCAG Color Palette Manager for Apps & Websites
Scale
Colors
Modes
Export
Settings
Mode
Light
Color scale
(8)
Custom, 10-100
・
Contrast mode
80
10
70
18.9
60
30.4
50
43.2
40
56.8
30
69.9
20
81.1
10
90
Chroma
Hue
Distribution easing
Ease in and out
Sine
How to use
・
Review the keyboard shortcuts
OKLCH
No vision simulation
Source
80
70
60
50
40
30
20
10
Primary
4.33
: 1
✗
4.85
: 1
✓
2.63
: 1
✗
7.99
: 1
✓
Lc
53.0
✓
1.76
: 1
✗
Lc
36.0
✗
11.91
: 1
✓
Lc
71.8
✓
1.33
: 1
✗
Lc
18.4
✗
15.82
: 1
✓
Lc
87.6
✓
Neutral
4.47
: 1
✗
4.70
: 1
✓
2.68
: 1
✗
7.83
: 1
✓
Lc
51.9
✓
1.78
: 1
✗
Lc
37.0
✗
11.77
: 1
✓
Lc
70.9
✓
1.34
: 1
✗
Lc
19.4
✗
15.82
: 1
✓
Lc
86.7
✓
UICP
4.32
: 1
✗
4.86
: 1
✓
2.62
: 1
✗
8.02
: 1
✓
Lc
53.2
✓
1.75
: 1
✗
Lc
35.6
✗
12.02
: 1
✓
Lc
72.1
✓
1.32
: 1
✗
Lc
17.8
✗
15.96
: 1
✓
WCAG Δ
0.3
0.01
0.61
0.04
0.83
0.1
0.43
0.14
0.15
0.16
0.06
0.19
0.01
0.25
0.02
0.14
UICP Color Primitives
Sync with local library
UI Color Palette・WCAG Color Palette Manager for Apps & Websites
Scale
Colors
Modes
Export
Settings
Mode
Light
Code
(14)
Native tokens (JSON)
{ "$themes": [ { "name": "Light", "group": "Modes", "description": "", "selectedTokenSets": { "UICP Color Primitives/Light": "enabled" } }, { "name": "Dark", "group": "Modes", "description": "", "selectedTokenSets": { "UICP Color Primitives/Dark": "enabled" } } ], "$metadata": { "activeThemes": [], "tokenSetOrder": [ "uicp_color_primitives/light", "uicp_color_primitives/dark" ], "activeSets": [] }, "UICP Color Primitives/Light": { "primary.source": { "$type": "color", "$value": "#fff700", "$description": "Source color" }, "primary.80": { "neutral.source":
Export palette as JSON
UI Color Palette・WCAG Color Palette Manager for Apps & Websites
Local
Library
New UI Color Palette
My palettes
Starred
Organization
Community
Search palettes…
Adobe・Spectrum 6.0.0・Neutral
Spectrum, Neutral 25-900 (Adobe)
1 source color
・
11 shades/tints
・
2 color modes
Add to local
Bootstrap 5.3
Bootstrap, 100-900
11 source colors
・
99 shades/tints
・
No color mode
Add to local
Microsoft・Fluent 2・Brand・Office Products
Fluent, 10-160 (Microsoft)
5 source colors
・
80 shades/tints
・
No color mode
Add to local
The palettes list is complete
I'm Aurélien Grimaud. I created UI Color Palette, a mini-app available on Figma, Penpot, Sketch, and Framer, and founded Yelbolt to keep building and helping others do the same. Unoff isn't theory — it's the toolkit I built from years of doing this every single day.