Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/react-figma/figma-ui-components
Unofficial set of Figma UI components
https://github.com/react-figma/figma-ui-components
figma figma-plugins
Last synced: 3 months ago
JSON representation
Unofficial set of Figma UI components
- Host: GitHub
- URL: https://github.com/react-figma/figma-ui-components
- Owner: react-figma
- License: mit
- Created: 2019-08-05T15:20:51.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2023-01-07T08:26:19.000Z (about 2 years ago)
- Last Synced: 2024-10-29T21:05:28.662Z (3 months ago)
- Topics: figma, figma-plugins
- Language: TypeScript
- Homepage: https://figma-ui.lessmess.dev
- Size: 4.54 MB
- Stars: 37
- Watchers: 4
- Forks: 6
- Open Issues: 23
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- awesome-figma - figma-ui-components - An unofficial set of Figma UI components. (Templates & UI Kits)
README
# figma-ui-components
[](https://www.npmjs.com/package/figma-ui-components)
An unofficial set of Figma UI components for creating plugins and other purposes.
Based on [Tom Lowry's Figma UI JS/CSS files](https://www.dropbox.com/s/iar45s6h22nupom/figma-plugin-ui-css-0.5.zip?dl=0).
* Uses React ⚛️, styled-components 💅, TypeScript.
* Stateful components, fully controlled outside.
* All components showed at [Storybook](https://figma-ui.lessmess.dev/).
## Installation
Install it with yarn:
```
yarn add figma-ui-components
```
Or with npm:
```
npm i figma-ui-components --save
```
## Usage
### Global styles
```javascript
import * as React from 'react'
import {TypographyStyles, BaseStyles} from "figma-ui-components"
const App = () => {
return <>
...
>
};
```
### Components
```javascript
import * as React from 'react'
import {PrimaryButton, SecondaryButton} from "figma-ui-components"
export const Component = () => {
return <>
Create
Cancel
>
};
```
## Sponsored
