react-figma-plugin-ds
React ui framework based on Figma design system
Last updated 8 months ago by alexandrtovmach .
MIT · Repository · Bugs · Original npm · Tarball · package.json
$ cnpm install react-figma-plugin-ds 
SYNC missed versions from official npm registry.

react-figma-plugin-ds

npm npm bundle size npm

React components of Figma design system based on thomas-lowry/figma-plugin-ds, and implements UI2: Figma Design System.

DEMO HERE

???? Get Started

Follow these steps to start using React Figma components:

  1. Installation:

    # with npm
    npm i react-figma-plugin-ds
    
    # with yarn
    yarn add react-figma-plugin-ds
    
  2. Usage:

    import React from "react";
    import { Disclosure, Tip, Title, Checkbox, Button } from "react-figma-plugin-ds";
    import "react-figma-plugin-ds/figma-plugin-ds.css";
    
    export default (props) => {
      return (
        <>
          <Title size="large" weight="bold">
            My plugin
          </Title>
    
          <Disclosure label="Getting started" isDefaultExpanded>
            <Tip iconName="resolve">Install</Tip>
            <Tip iconName="play">Start</Tip>
            <Tip iconName="library">Read the docs</Tip>
          </Disclosure>
    
          <Checkbox label="I promise to star this repo!" />
    
          <Button>Start</Button>
        </>
      );
    };
    
  3. Discover all components with properties on demo page. Each of that has playground and as result in top right corner you can easily copy final code.

???? License

MIT

Current Tags

  • 2.0.0-alpha.0                                ...           alpha (2 years ago)
  • 2.3.0                                ...           latest (8 months ago)

23 Versions

  • 2.3.0                                ...           8 months ago
  • 2.2.0                                ...           8 months ago
  • 2.1.0                                ...           9 months ago
  • 2.0.5                                ...           a year ago
  • 2.0.3                                ...           a year ago
  • 2.0.2                                ...           a year ago
  • 2.0.1                                ...           a year ago
  • 2.0.0-alpha.0                                ...           2 years ago
  • 1.0.3                                ...           2 years ago
  • 1.0.2                                ...           2 years ago
  • 1.0.1                                ...           2 years ago
  • 1.0.0                                ...           2 years ago
  • 0.6.3                                ...           2 years ago
  • 0.6.2                                ...           2 years ago
  • 0.6.1                                ...           2 years ago
  • 0.6.0                                ...           2 years ago
  • 0.5.0                                ...           2 years ago
  • 0.4.0                                ...           2 years ago
  • 0.3.1                                ...           2 years ago
  • 0.3.0                                ...           2 years ago
  • 0.1.0                                ...           2 years ago
  • 0.0.2                                ...           2 years ago
  • 0.0.1                                ...           2 years ago
Maintainers (1)
Downloads
Total 505
Today 0
This Week 23
This Month 23
Last Day 0
Last Week 0
Last Month 23
Dependencies (2)
Dev Dependencies (33)

Copyright 2014 - 2021 © npmmirror.com |