design-with-shadcn-ui-plugin

KO | EN

gitlite — search

#javascript #hacktoberfest #ai #rust #linux #docker #java #windows #awesome #kubernetes #awesome-list #vue #ios #openai

design-with-shadcn-ui-plugin

(★ 28)

Figma Plugin for changing the theme of Design with shadcn/ui

design-with-shadcn-ui-plugin Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Design with shadcn/ui Plugin

!["Design with shadcn/ui Plugin cover"](https://github.com/hawkup/design-with-shadcn-ui-plugin/assets/2748846/e2cdaeda-6d07-4304-8a5c-a1bc23348692)

Plugin for changing the theme of ["Design with shadcn/ui"](https://www.figma.com/community/file/1256349428272495041)

## Development guide

_This plugin is built with [Create Figma Plugin](https://yuanqing.github.io/create-figma-plugin/)._

### Pre-requisites

- [Node.js](https://nodejs.org) – v18
- [Figma desktop app](https://figma.com/downloads/)

### Build the plugin

To build the plugin:

```
$ npm run build
```

This will generate a [`manifest.json`](https://figma.com/plugin-docs/manifest/) file and a `build/` directory containing the JavaScript bundle(s) for the plugin.

To watch for code changes and rebuild the plugin automatically:

```
$ npm run watch
```

### Install the plugin

1. In the Figma desktop app, open a Figma document.
2. Search for and run `Import plugin from manifest…` via the Quick Actions search bar.
3. Select the `manifest.json` file that was generated by the `build` script.

### Debugging

Use `console.log` statements to inspect values in your code.

To open the developer console, search for and run `Open Console` via the Quick Actions search bar.

## See also

- [Create Figma Plugin docs](https://yuanqing.github.io/create-figma-plugin/)
- [`yuanqing/figma-plugins`](https://github.com/yuanqing/figma-plugins#readme)

Official docs and code samples from Figma:

- [Plugin API docs](https://figma.com/plugin-docs/)
- [`figma/plugin-samples`](https://github.com/figma/plugin-samples#readme)

design-with-shadcn-ui-plugin

design-with-shadcn-ui-plugin Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

design-with-shadcn-ui-plugin

design-with-shadcn-ui-plugin Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README