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

react-figma at Figma Show & Tell

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Ilya Lesik Ilya Lesik
November 08, 2019
Design
0
110

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
420
Продвижение продуктов на Product Hunt
Avatar for Ilya Lesik ilyalesik
0
170

Other Decks in Design

See All in Design
ClaudeCodeでマーケターの課題を解決する
Avatar for 太田賢一 kenichiota0711
7
9.6k
2026の目標「もっと定量的に事業、会社へ貢献する！」
Avatar for yuri ohashi yuri_ohashi
0
740
「見せる」登壇資料デザインの極意
Avatar for takanorip takanorip
2
650
CULTURE DECK／Marketing Director
Avatar for M-HAND,Inc. mhand01
0
1k
CULTURE DECK／Creative Director
Avatar for M-HAND,Inc. mhand01
0
910
Mandalyn_DT5001_FinalAssignment.pdf
Avatar for Mandalyn Teo lynteo
0
180
OSO2025-マサカリと太陽：伝え方の情報デザイン
Avatar for majimasachi majimasachi
0
750
コンテンツ作成者の体験を設計する
Avatar for Chiaki Okamoto chiilog
0
120
社員の意識を高めたブランド浸透施策の裏側！
Avatar for MIXI DESIGN mixi_design
PRO
0
110
図じゃなく言語で描く - Common Ground for Design AI Operations.
Avatar for Kazuki Ikeda kazukiikeda
2
720
文化のデザイン - Soft Impact of Design
Avatar for Atsushi Homma atsushihomma
0
160
AI時代に必要な アイデアの形
Avatar for ux-man uxman
0
130

Featured

See All Featured
Future Trends and Review - Lecture 12 - Web Technologies (1019888BNR)
Avatar for Beat Signer signer
PRO
0
3.3k
RailsConf 2023
Avatar for Aaron Patterson tenderlove
30
1.4k
SERP Conf. Vienna - Web Accessibility: Optimizing for Inclusivity and SEO
Avatar for Sara Fernández Carmona sarafernandez
1
1.3k
The Language of Interfaces
Avatar for Des Traynor destraynor
162
26k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
Avatar for soudai sone soudai
PRO
199
73k
A designer walks into a library…
Avatar for Paul Jervis Heath pauljervisheath
210
24k
The Director’s Chair: Orchestrating AI for Truly Effective Learning
Avatar for Mike Taylor tmiket
1
130
職位にかかわらず全員がリーダーシップを発揮するチーム作り / Building a team where everyone can demonstrate leadership regardless of position
Avatar for MADOX madoxten
62
52k
Thoughts on Productivity
Avatar for Jon Yablonski jonyablonski
75
5.1k
Mind Mapping
Avatar for Hélio Medeiros helmedeiros
PRO
1
120
The browser strikes back
Avatar for Jono Alderson jonoalderson
0
810
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
49
3.3k

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!