Caroline L Horn

Published in
Prototypr

Using the Figma Inspect panel to help engineers build your design

How the Elastic UI design system (EUI) connects between its Design (Figma) and Code (React) libraries.

May 13, 2021

Screenshot of zoomed in Figma prototype with a button selected and 6 spots highlighted. 1. The button. 2. The “Inspect” tab. 3. The component name “Button” 4. The description section “<EuiButton>”. 5. The “View documentation” link. 6. Variants section with options like Fill, Color, and Size.

May 13, 2021

Caroline L Horn

23 Followers

Design engineer and all around geek for design systems. Find me at Elastic working on ela.st/eui and other designy stuff. Also twitter.com/curiouschaos

Following

Blair Wilcox
Maria Meireles
Plaid Design
Alan B Smith
Prototypr Editors

See all (13)

Help
Status
About
Careers
Press
Blog
Privacy
Terms
Text to speech
Teams