一个用于创建react+Figma插件的轻量级的UI库


对 figma-plugin-ds 的 React 实现,点击标题。
如何安装
首先,通过 npm 在您的项目中安装库:
$ npm install react-figma-ui
要使用该按钮,请使用以下组件。每个按钮都有一个破坏性选项。三级按钮的样式类似于超链接。

import { Button } from 'react-figma-ui';

// Primary
<Button tint=
"primary">Label</Button>
<Button tint=
"primary" destructive>Label</Button>
<Button tint=
"primary" disabled>Label</Button>

// Secondary
<Button tint=
"secondary">Label</Button>
<Button tint=
"secondary" destructive>Label</Button>
<Button tint=
"secondary" disabled>Label</Button>

// Tertiary (Hyperlink style button)
<Button tint=
"tertiary">Label</Button>
<Button tint=
"tertiary" destructive>Label</Button>
<Button tint=
"tertiary" disabled>Label</Button>