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

react-figma at Figma Show & Tell

Avatar for Ilya Lesik Ilya Lesik
November 08, 2019
Design
0
98

react-figma at Figma Show & Tell

Avatar for Ilya Lesik

Ilya Lesik

November 08, 2019
Tweet

More Decks by Ilya Lesik

See All by Ilya Lesik
Как создать мультиплатформенную дизайн-систему на React
Avatar for Ilya Lesik ilyalesik
0
390
Продвижение продуктов на Product Hunt
Avatar for Ilya Lesik ilyalesik
0
170

Other Decks in Design

See All in Design
なぜプレイドにデザインエンジニアが必要だったのか？
Avatar for t32k t32k
0
1.8k
そのUIコンポーネント、これから先も使えますか？―Headless UI,Open UI,グローバルデザインシステム
Avatar for sakito sakito
2
1.7k
ランドマークが光る！季節を彩るナビ体験 - Mobility Night #3 -
Avatar for tetsuya kitauji kitau
0
120
株式会社Muture_ソーシャル推進事業
Avatar for Muture muture
PRO
0
150
Spectrum Tokyo_ デザイナーが事業責任者になってみた
Avatar for Woo seop Shin shin_2
0
130
デザインシステムの「種」を使って、受託開発を加速させる
Avatar for akane akane___ui
0
11k
Карта реализации историй. Технология осмысленной работы с детальными требованиями
Avatar for Andrew Shapiro ashapiro
0
120
保育AIプロダクトの UXデザインで考えてきたこと / hoiku-ai-ux-design
Avatar for Takahiro Yamaguchi hiro93n
0
130
「描く」という衝動に立ち返る〜Figma Drawがひらく思考のかたち〜
Avatar for Miwa Kuramitsu transit_kix
1
1.1k
freee + Product Design FY25Q4
Avatar for freee freee
4
16k
デフォルトの16:9（960*540px）のケース / Google Slide Size Test
Avatar for Arthur arthur1
0
3.4k
AI時代に、僕たちデザイナーはどう歩むか
Avatar for kim kazuhirokimura
0
370

Featured

See All Featured
Build The Right Thing And Hit Your Dates
Avatar for Maggie C. maggiecrowley
37
2.9k
Mobile First: as difficult as doing things right
Avatar for Swwweet swwweet
224
9.9k
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
358
30k
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1032
460k
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
696
190k
Principles of Awesome APIs and How to Build Them.
Avatar for Keavy McMinn keavy
126
17k
10 Git Anti Patterns You Should be Aware of
Avatar for Lemi Orhan Ergin lemiorhan
PRO
656
61k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
507
140k
Typedesign – Prime Four
Avatar for Hannes Fritz hannesfritz
42
2.8k
Practical Orchestrator
Avatar for Shlomi Noach shlominoach
190
11k
Fantastic passwords and where to find them - at NoRuKo
Avatar for Phil Nash philnash
52
3.4k
Scaling GitHub
Avatar for Zach Holman holman
463
140k

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!