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 (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2023-01-07T08:26:19.000Z (over 1 year ago)
• Last Synced: 2024-03-24T08:16:38.137Z (3 months ago)
• Topics: figma, figma-plugins
• Language: TypeScript
• Homepage: https://figma-ui.lessmess.dev
• Size: 4.54 MB
• Stars: 35
• Watchers: 4
• Forks: 6
• Open Issues: 23
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Lists

• awesome-figma - figma-ui-components - An unofficial set of Figma UI components. (Templates & UI Kits)

README

        
# figma-ui-components

[![npm version](https://img.shields.io/npm/v/figma-ui-components.svg)](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