An unofficial set of Figma UI components for creating plugins and other purposes. Based on Tom Lowry's Figma UI JS/CSS files.
- Uses React βοΈ, styled-components π , TypeScript.
- Stateful components, fully controlled outside.
- All components showed at Storybook.
Install it with yarn:
yarn add figma-ui-components
Or with npm:
npm i figma-ui-components --save
import * as React from 'react' import {TypographyStyles, BaseStyles} from "figma-ui-components" const App = () => { return <> <BaseStyles /> <TypographyStyles /> ... </> };
import * as React from 'react' import {PrimaryButton, SecondaryButton} from "figma-ui-components" export const Component = () => { return <> <PrimaryButton onClick={...}>Create</PrimaryButton> <SecondaryButton onClick={...}>Cancel</SecondaryButton> </> };