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
76

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
350
Продвижение продуктов на Product Hunt
ilyalesik
0
140

Other Decks in Design

See All in Design
共創するのはモノではなく価値 ── 日本の「はたらく」を変える挑戦 / Designship2024 MainStage
visional_engineering_and_design
1
480
Managing Design Systems (Smashing NY 2024)
nathanacurtis
2
300
Commune_Brand_Guideline_JA
commune
1
160
想像するためのデザイン - LARPの可能性を探求してみた話
okabemy
0
550
TUNAG BOOK 2024
stmn
0
320
Fleet Gas Station
joshtang
0
140
Haruki_Konaka_Portforio.pdf
haruki556
0
650
DMMデザイン組織の生成AI導入プロセス - Adobe Fireflyと振り返る約1年とこれから -
takumasaito
1
370
ピクシブにおける「ビジョン」の取り扱われ方 #pixivdevmeetup / 20240920
minamitary
1
1.3k
美しいUIを作るために デザイナーが意識している ちょっとした考え方
yuichi_hara7
51
32k
Карта реализации историй — убийца USM
ashapiro
0
210
急成長中のWINTICKETにおける ちいさくはじめるライティング改善 / winticket-writing
cyberagentdevelopers
PRO
1
170

Featured

See All Featured
KATA
mclloyd
29
14k
Building a Scalable Design System with Sketch
lauravandoore
459
33k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
26
2.1k
BBQ
matthewcrist
85
9.3k
Building Adaptive Systems
keathley
38
2.3k
Teambox: Starting and Learning
jrom
133
8.8k
Gamification - CAS2011
davidbonilla
80
5k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
10
720
4 Signs Your Business is Dying
shpigford
180
21k
Optimising Largest Contentful Paint
csswizardry
33
2.9k
jQuery: Nuts, Bolts and Bling
dougneiner
61
7.5k
Raft: Consensus for Rubyists
vanstee
136
6.6k

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!