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
65

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
Как создать мультиплатформенную дизайн-систему на React
0a7aaf2d496a00240d39d877ab8dbb5e?s=48 ilyalesik
0
220
Продвижение продуктов на Product Hunt
0a7aaf2d496a00240d39d877ab8dbb5e?s=48 ilyalesik
0
87

Other Decks in Design

See All in Design
The Triangle
936338cf2e2eb7fbaadc60850935d0fb?s=48 wallabites
0
150
Sponge Bob Exercise Sequence
77b4173a70942a13969b84335c2e7695?s=48 diablicos_
1
420
Bec Purser - Are you consulting, collaborating, or co-designing? And why it matters.
Bff39f7d4e25a30fb4d28a9005de7363?s=48 uxaustralia
PRO
0
130
創造学群表現学類2021_ソーシャルチームプレゼン
4f1699756ddbf3f2b6f5517c29747518?s=48 zhikto
1
150
Mijii & Gnochi Go Swimming
B896d135180958999cd053869215f3f0?s=48 ohtristanart
PRO
1
810
サイボウズ デザイン＆リサーチ ポートフォリオ勉強会2022
Bcbe06266087609b9bcc73163d96fe08?s=48 0b1tk
2
3.4k
アンラーンし続けるデザインプロセス / DESIGNWAVEvol.04
76490a22db71352df65342bcd2d69af2?s=48 daitorii
2
330
リサーチ文化を組織に埋め込むために実践したこと
0c6fc884dd8b5a4e584feb6a1b615a47?s=48 hiranotomoki
6
2.2k
ANTIEK
966a7d3473313a57827602754b617993?s=48 8sided
PRO
1
210
大規模サービスのUIデザインを管理する工夫
278e5835d64cc25f3ba6ae93de10ba24?s=48 tamachan
0
10k
新卒UIデザイナーが職種を超えて活躍するために意識した2つの視点
2016ba6b977a2e6691811fa66d5f4336?s=48 cyberagentdevelopers
PRO
0
910
Big Surからの四角いアイコン / Rounded Rectangle Icons since Big Sur
2174bd20a68bf55c494a424ad3790f4a?s=48 1024jp
3
580

Featured

See All Featured
Building Flexible Design Systems
91cefdf141106fa10674aae74ce05890?s=48 yeseniaperezcruz
310
34k
What's new in Ruby 2.0
7edec06b5435e0dac07a353b2cc26253?s=48 geeforr
335
30k
The Power of CSS Pseudo Elements
5b6a2bd86ef643786a381a212e0ef2f1?s=48 geoffreycrofte
47
4k
Optimizing for Happiness
25c7c18223fb42a4c6ae1c8db6f50f9b?s=48 mojombo
364
64k
Streamline your AJAX requests with AmplifyJS and jQuery
9cde37f47e4a800ea081ea42de8d749a?s=48 dougneiner
127
8.5k
Infographics Made Easy
282d599b414022eba5096510f675b6e2?s=48 chrislema
233
17k
The Brand Is Dead. Long Live the Brand.
A415db3ac9e9668acbc1fb36eead84ac?s=48 mthomps
46
2.7k
A designer walks into a library…
15f2b8221f247985a27a627d2ece72f0?s=48 pauljervisheath
196
16k
What’s in a name? Adding method to the madness
C0390e8b11079f8761c0cd3274ed61cb?s=48 productmarketing
11
1.6k
How to Ace a Technical Interview
2f5463832ccb768ccb4a1ca3607c27ef?s=48 jacobian
266
21k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
E195ae45320d9202eaa01c9f1d31a416?s=48 marktimemedia
15
980
Fireside Chat
864a009ac73600c7c02e1f26629dd989?s=48 paigeccino
13
1.4k

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!