Getting started
Welcome to the Academy!
What is shadcn/ui?
Getting started in Figma
Website Project (Lesson 1)
Theming
Introduction to theming
Primary color - Method 1. Tailwind CSS
Primary color - Method 2. Custom color
Neutral colors
Font family
Border radius
Creating new color variables
Example - Warning color variables
Creating new themes
Creating new typography styles
Dark mode
Website Project (Lesson 2)
Components
Introduction to components
Editing components
Creating new component variants
Creating new components
Adding custom icons - Method 1. Icon components
Adding custom icons - Method 2. Icon library
Working with the card component
Pricing card component
Website Project (Lesson 3)
Pro Blocks
Introduction to Pro Blocks
Simple landing page
Custom variables collection
Section Title component
Image properties
Pricing section block
Website Project (Lesson 4)
Plugin
Introduction to plugin
License key
API keys & Tokens
Google AI Studio
Anthropic AI
Best practices
Generating code
Exporting variables
Pro Blocks tab
Installing shadcn/ui
Generating code for the Pricing Card component
Website Project (Lesson 5)
Academy
Plugin
License key

License key

In order to use our plugin without limitations you need an active license key. This short guide explains how to get the license key from your Lemon Squeezy account.

Instructions

  1. Log in to My Orders page in Lemon Squeezy.
  2. Find your license key - if you purchased our Premium package it will be here.
  3. Open the Figma to shadcn/ui plugin via the Figma Community. Make sure to open the plugin in your main shadcn/ui kit for Figma file.
  4. Open the plugin's settings
  5. Verify your license key.

Please note: if you purchased the personal license, you can only activate the license key on one Figma account.

My Orders Page - Lemon Squeezy
Plugin UI Settings - License Key verification input
Up next
API keys & Tokens
Transforming your Figma designs into shadcn/ui code is now possible with our plugin, powered by advanced large language models (LLMs). This article explains the importance of API keys and tokens in using the plugin.