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

react-figma at Figma Show & Tell

Ilya Lesik
November 08, 2019
Design
0
87

react-figma at Figma Show & Tell

Ilya Lesik

November 08, 2019
Tweet

More Decks by Ilya Lesik

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

Other Decks in Design

See All in Design
Goodpatch Tour💙 / We are hiring!
goodpatch
31
790k
マンガで分かるサービスデザインガイドライン
senryakuka
1
550
【デザイン初め新年会2025｜01.08】事業貢献するデザイン組織の挑戦 - 2025年、課題解決をリードする。
payatsusan213
0
9.3k
1年目のクリエイターがつくりあげた！採用冊子CANVAS制作の裏側 / creator-canvas
cyberagentdevelopers
PRO
1
510
入社3ヶ月目のプロダクトデザイナー視点で見たヤプリ / Joining Yappli as a Product Designer: My Perspective After 90 Days
yappli_developers
0
120
[Designship2024] デザインの力でサービスの価値を追求していたら、組織全体をデザインしていた話
okakasoysauce
2
1.1k
【Designship 2024｜10.13】デザイン組織を進化させるための仕組み化の要諦
payatsusan213
1
780
ABEMAの進化 – 複雑化したコンテンツ構造とUI改善への道 – / abema-ui-improve
cyberagentdevelopers
PRO
2
570
TUNAG BOOK 2024
stmn
0
470
「Figmaプラグイン開発してみた」＠スタメンデザイナーオープン勉強会
kiyoshifuwa
0
120
Illustrator2025がやってきた！私が好きな新機能
hamko1114
0
110
Managing Design Systems (Antwerp 2024)
nathanacurtis
1
380

Featured

See All Featured
Designing for Performance
lara
604
68k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
160
15k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
44
7k
Large-scale JavaScript Application Architecture
addyosmani
510
110k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
114
50k
Docker and Python
trallard
44
3.3k
A Tale of Four Properties
chriscoyier
158
23k
Code Reviewing Like a Champion
maltzj
521
39k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
175
51k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
7
630
Agile that works and the tools we love
rasmusluckow
328
21k
Optimizing for Happiness
mojombo
376
70k

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!