Back to Plugins
Theming with shadcn/ui style

Theming with shadcn/ui style

Bring your shadcn/ui theming style in figma

themecss variablesdarkstylesthemingshadcn

Plugin Preview

Theming with shadcn/ui style preview

About this plugin

Bridge the gap between shadcn/ui theming and Figma. Seamlessly import and apply your ShadCN/UI theme styling directly within Figma, ensuring consistent and harmonious design language across your projects.


How to style ?

  1. Select a color box and select your color
  2. Copy and paste theme from https://ui.jln.dev/
  3. Copy and paste theme from https://ui.shadcn.com/themes

Plugin Details

Version3
CreatedFebruary 2, 2024
Last UpdatedFebruary 2, 2024
Categorydesign-systems
CreatorAlioune Sall
Stats95 installs, 20 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:dist/ui.html
  • main:dist/code.js
  • Editor Types:
    figma
  • Allowed Domains:
    • https://figma.com