Select and install Pro Blocks

Pro Blocks

The Pro Blocks tab in the Figma to shadcn/ui plugin allows you to accelerate your development by providing ready-to-use CLI commands for installing pre-designed Pro Blocks components directly into your shadcn/ui projects.

Feature overview

Instead of manually looking up component names or constructing CLI commands, this feature streamlines the process:

1. You select designated Pro Blocks elements within your Figma design.
2. The plugin generates the precise npx shadcn@latest add ... command.
3. You copy this command and run it in your project's terminal to install the components.

Prerequisites

Before using the Pro Blocks feature, please ensure the following:

• Valid license key: You must have a valid Premium Package license key entered and verified within the plugin settings.
• You can find your license key in your Customer Portal.
• To enter or verify your key, navigate to the Settings tab within the plugin.
• Correctly named Figma elements: The components you wish to install must be present in your Figma file as elements whose names start with the prefix Pro Blocks /.
  • For example: Pro Blocks / Hero Section / 1.