Menu
Getting started
Variables
Theming
Components
Icons
Development
Updates
Licensing agreement
Docs
/
Updates

Updates

Every time we release a new update, you can access the new files via your Receipt or Lemon Squeezy account. We provide updates to align with the latest shadcn/ui releases and incorporate user feedback. We also aim to provide updates within 3-7 days when there's a new Figma feature or shadcn/ui component.

How to get new updates?

There are a few ways you can get the new files.

Receipt

After the purchase, you will get a receipt with the files. You can access the files by clicking the Download content button. Make sure to save this email and add us to your email contacts so you won't skip future updates and announcements. Also, make sure you don't accidentally unsubscribe from our email list of customers because we won't be able to notify you about the new stuff if you do. However, if you unsubscribe, you can still access the latest files via the receipt you got after the purchase. If you don't have the receipt, contact us with your customer email, and we will resend it to you.

Lemon Squeezy

Alternatively, you can create a Lemon Squeezy account after the purchase. With the account, you can access your purchases anytime through your Orders library. Log in to My Orders page if you made an account. Find the shadcn/ui kit for Figma in your library - the new files will be there.

‍

Adding new components to your library

This guide demonstrates how to add new components from the latest shadcn/ui Figma kit to your existing custom library, which is based on an older version while preserving your unique styling.

Prerequisites

  • Figma Pro account (or higher) for publishing libraries
  • Your custom library based on an older shadcn/ui kit for Figma
  • The latest version of the shadcn/ui kit for Figma
  • Swap Variables Figma plugin

Step-by-Step Guide

Step 1: Open Libraries

  1. Open your custom library file in Figma
  2. Open the latest shadcn/ui kit for Figma file

Step 2: Publish Libraries

  1. Publish both libraries to your Figma workspace
  2. Wait for all components to finish publishing
  3. Reload both files

Step 3: Add New Component

  1. Add variables related to the new component to your existing library.
  2. Copy the desired new component from the latest UI kit
  3. Paste it into your project file

Step 4: Swap Libraries

  1. In your library, locate the "Assets" button (Book icon)
  2. Find and open the latest shadcn/ui kit under "Libraries used in this file"
  3. Click "Swap library" button
  4. In the Swap library window, choose your custom library
  5. Review the list of styles and components to be replaced
  6. Click "Swap Library" to apply changes

Step 5: Use Swap Variables Plugin

  1. Open the Swap Variables plugin
  2. Select the newly added component in your project
  3. Open the Swap Variables plugin
  4. Choose "Local Variables"
  5. Click "Swap Variables"

Step 6: Verify Changes

Switch between light and dark modes in the newly added component. Check if it uses your custom styling, including correct background colors for elements like email and password fields.

If some variables or components didn't swap, manually swap these instances with ones from your file.