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
80

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
150

Other Decks in Design

See All in Design
デザインシステムの力 Webデザイナーとエンジニアのための実践ガイド / The Power of Design System
spindle
9
4k
利用者が離れないUX/UIデザイン　長く使われる業務アプリデザインのポイント
ncdc
4
250
AIネイティブな時代におけるUXデザインの在り方とは
kuni29
0
720
2024/11/25 ReDesigner Online Meetup 会社紹介
cybozuinsideout
PRO
0
270
知を活かせるチームづくりとは？-MIMIGURIで実践している「全員探究」の仕組みと文化づくり-
chiemitaki
1
760
Design System for training program
mct
0
160
Night Shift (beginning sequence)
cpineda57
0
930
デザイナー視点の体験設計とデザインレビューを事業部全員で体験するワークショップをしたお話
masayofff
3
220
20241204_UI/UXデザイナーLT会 - vol.10_DMM
motokoishida
0
170
TUNAG BOOK 2024
stmn
0
380
Webデザイナーが押さえておきたいエンジニアとの連携ポイント
448jp
0
580
ABEMAの進化 – 複雑化したコンテンツ構造とUI改善への道 – / abema-ui-improve
cyberagentdevelopers
PRO
2
470

Featured

See All Featured
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
159
15k
Building Applications with DynamoDB
mza
91
6.1k
GraphQLとの向き合い方2022年版
quramy
44
13k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
2
290
The Power of CSS Pseudo Elements
geoffreycrofte
73
5.4k
GitHub's CSS Performance
jonrohan
1030
460k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
330
21k
Reflections from 52 weeks, 52 projects
jeffersonlam
347
20k
Done Done
chrislema
181
16k
Into the Great Unknown - MozCon
thekraken
33
1.5k
Imperfection Machines: The Place of Print at Facebook
scottboms
266
13k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
28
900

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!