Upgrade to Pro — share decks privately, control downloads, hide ads and more …

react-figma at Figma Show & Tell

0a7aaf2d496a00240d39d877ab8dbb5e?s=47 Ilya Lesik
November 08, 2019
Design
0
55

react-figma at Figma Show & Tell

0a7aaf2d496a00240d39d877ab8dbb5e?s=128

Ilya Lesik

November 08, 2019
Tweet

More Decks by Ilya Lesik

See All by Ilya Lesik
0a7aaf2d496a00240d39d877ab8dbb5e?s=48 ilyalesik
0
200
0a7aaf2d496a00240d39d877ab8dbb5e?s=48 ilyalesik
0
82

Other Decks in Design

See All in Design
9bb51e36c79c4ad1cb5569d38edabae1?s=48 mprove
0
200
B703da7cc05ce9718d63f9b2c6028ff7?s=48 visional_design
2
1.5k
74e48f0d01a7fec7c579a8d370698b26?s=48 tmiket
0
190
25448e5eb61d4fd7b35ed73d722f9ad9?s=48 sawa_zen
2
600
933291444e456bfb511a66a2fa9c6929?s=48 j5ik2o
1
440
F2a18f1ef63198439d0722c7e88129e2?s=48 kignato1
0
290
37228dc025342eeadeb18bf1c2976a7a?s=48 fixel_admin
0
440
6d91cf9d7d3eb0954425a0a8aef69bef?s=48 andreh
0
210
C9b13030657cff75ef421db51c6f021c?s=48 sylvaingrisot
0
670
0c6fc884dd8b5a4e584feb6a1b615a47?s=48 hiranotomoki
0
660
879fd79c46ae1e48906fa37ba32015e0?s=48 shigalg
0
170
Cdf97a1b1b132c56582773c3ba09a3a6?s=48 rakus_dev
0
3.4k

Featured

See All Featured
3ab1249be442027903e1180025340b3f?s=48 reverentgeek
37
3k
3d4519fd34b76fb265fc0237f3792bd4?s=48 danielanewman
6
830
A9a491b0fcbe0fbce3d64063a37add99?s=48 rmw
17
1.3k
3d6ace9554821d552146413bcdf874f6?s=48 trishagee
38
5.9k
6804f1775cb4babfcc3851298566fbce?s=48 tanoku
91
9k
7cbd3f5f922d798cc312eaf596de7ae6?s=48 iamctodd
33
3.2k
B3d6434763caa0ef5dc4b792662c49f7?s=48 smashingmag
237
18k
E4f5d494ebdc9e7cce1aecf3ce3e8bc1?s=48 shpigford
167
20k
170b760e0147792d0140e59ec78e9893?s=48 eitanlees
120
11k
95d9f37115fbb0d13135d0f77132f856?s=48 morganepeng
33
2.7k
3ab1249be442027903e1180025340b3f?s=48 reverentgeek
172
7.9k
1b8ad785acdd1ce1c99914b1c2a4e10e?s=48 sugarenia
236
990k

Transcript

  1. React Figma github.com/react-figma react-figma.now.sh @ilialesik

  2. Project is not production ready and 
 currently at alpha

    version ️ Disclaimer:

  3. What is react-figma? • Open-source project • React wrapper for

    Figma API • Can be used for creating design systems • It’s not a plugin, but tool for creating plugins.

  4. yoga-layout for Flexboxes React components Figma render * like react-sketchapp

  5. Demo time! https:/ /github.com/ilyalesik/figma-show-n-tell-nov-8

  6. Next steps • Compatibilty with react-native, react-sketchapp • Improving compatibility

    with Figma API. More at https://react-figma.now.sh/docs/roadmap.html

  7. Thanks!