Current shadcn Radix environment for Figma Make

This is the React-18-safe successor to the Base UI sync experiment.

Why Radix

Figma currently requires Make Kit design-system packages to support React 18.

Current shadcn supports Radix alongside Base UI. This package explicitly synchronizes the current Radix implementation.

The full current shadcn catalog also contains a small number of components backed by @shadcn/react. The current @shadcn/react package requires React 19 types, so the sync script detects and excludes source files that import it.

This is preferable to using --force or --legacy-peer-deps.

Start from this clean folder

Do not continue using the previous Base UI sync folder.

Run:

npm install
npm run sync:shadcn

When shadcn asks for a preset, choose Nova for the neutral current baseline we have been using.

After the sync completes:

npm install
npm run typecheck
npm run build
npm run pack:dry

If all four commands succeed:

npm publish --access public

What to expect

The sync should report that it:

• used the radix base
• copied the current UI catalog
• removed any source files that directly depend on @shadcn/react
• generated a SHADCN-SYNC.json manifest
• rebuilt src/index.ts exports

Figma Make

After publishing 1.0.0:

"@rossorthwein/shadcn-make-kit": "1.0.0"

Keep:

@import '@rossorthwein/shadcn-make-kit/style.css';

in the Make Kit's src/styles/index.css.

Replace the Make Kit's four editable guideline files with the matching files in guidelines/. Keep the package-specific setup requirements that are already working unless they conflict with guidelines/setup.md.

Future updates

To refresh the package later:

1. bump the version
2. run npm run sync:shadcn
3. select the desired current preset
4. run npm install
5. typecheck and build
6. inspect SHADCN-SYNC.json
7. smoke-test representative components
8. publish
9. update the Make Kit dependency version