Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

react-figma at Figma Show & Tell

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

react-figma at Figma Show & Tell

Avatar for Ilya Lesik

Ilya Lesik

November 08, 2019

More Decks by Ilya Lesik

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

Other Decks in Design

See All in Design
信頼をデザインし、ブランドで市場を拓く。/ Designship2026
Avatar for Assured Inc. assuredjp
PRO
0
250
デザインワークフローの最前線。 ログラスでのAI活用の現在地
Avatar for Kaori Ueda ukaoli
1
3.5k
StartDesignEngineering
Avatar for uchiyama886 uchiyama886
1
150
デザインレビューを「他者へのおすそわけ」に再定義し、たのしい場にする試み
Avatar for Beeworks Marketing Design webnaut
1
120
From Desktop to Spatial Interfaces UX Design Implications of Evolving Interaction Paradigms
Avatar for h.crane hcrane
0
120
エンジニアでも捗る デザイナー的思考入門(bitA Edit 新ver)
Avatar for Tsubasa SEKIGUCHI tinykitten
1
640
このスロップ時代に良きデザインをつくるには？ / good-design-in-the-slop-era
Avatar for こぎそ / Shinichi Kogiso kgsi
1
1.1k
Kouseki | CREATIVE CLASS成果物
Avatar for Yurika Ishida yuri9911
0
250
Luna's Light
Avatar for Sheena shemeetscity
0
660
染み出し好きの、 染み出しコントロール論
Avatar for Takeru Mukai mukai_takeru
0
500
Design_Harness_and_Loop.pdf
Avatar for 長津孝輔 nagatsu
0
120
Webデザイナー中田美穂_ポートフォリオ
Avatar for miho nakada omy
0
190

Featured

See All Featured
Color Theory Basics | Prateek | Gurzu
Avatar for Gurzu gurzu
1
490
Applied NLP in the Age of Generative AI
Avatar for Ines Montani inesmontani
PRO
4
2.5k
Building an army of robots
Avatar for Kyle Neath kneath
307
47k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
Avatar for Tammy Everts tammyeverts
56
3.5k
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
666
130k
Skip the Path - Find Your Career Trail
Avatar for Mark Kilby mkilby
1
260
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
17k
Context Engineering - Making Every Token Count
Avatar for Addy Osmani addyosmani
9
1.2k
Optimizing for Happiness
Avatar for Tom Preston-Werner mojombo
378
71k
Joys of Absence: A Defence of Solitary Play
Avatar for Sebastian Deterding codingconduct
1
550
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
9
1k
Paper Plane (Part 1)
Avatar for Katie Cordina Lindsey katiecoart
PRO
2
12k

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!