If "designer tools" had the
file format
".js" ?
![](https://s3.amazonaws.com/media-p.slid.es/uploads/728242/images/4912361/pasted-from-clipboard.png)
I'm Sanket
GeekyAnts
![](https://s3.amazonaws.com/media-p.slid.es/uploads/728242/images/4030519/logo-icon-lg__1_.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/728242/images/4090627/pasted-from-clipboard.png)
We are the ones behind
NativeBase
![](https://s3.amazonaws.com/media-p.slid.es/uploads/728242/images/4031662/front-page-icon.png)
@sanketsahu
![](https://s3.amazonaws.com/media-p.slid.es/uploads/728242/images/4853642/580b57fcd9996e24bc43c53e.png)
Usual Workflow
UI
Conversion
Graphic
Design
Business Logic
Designers
Developers
Gap
UI
Conversion
Graphic
Design
Business Logic
Let's bridge this gap...
Design
Code
Bi-directionally!
Design
Code
![](https://s3.amazonaws.com/media-p.slid.es/uploads/728242/images/4916975/BuilderX-with-Text.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/728242/images/4915904/Screen_Shot_2018-05-15_at_1.36.27_PM.png)
Demo
symbols/Header.js
![](https://s3.amazonaws.com/media-p.slid.es/uploads/728242/images/4916319/Screen_Shot_2018-05-15_at_3.40.06_PM.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/728242/images/4916325/Screen_Shot_2018-05-15_at_3.41.24_PM.png)
Let's BUILD a music app
Let's design a music app
![](https://s3.amazonaws.com/media-p.slid.es/uploads/728242/images/4916253/Screen_Shot_2018-05-15_at_3.18.47_PM.png)
Live preview on device
But wait, what about my
Sketch designs?
![](https://s3.amazonaws.com/media-p.slid.es/uploads/728242/images/4844938/sketchicon.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/728242/images/4844940/react_native_icon.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/728242/images/4844395/BuilderX-Logo.png)
Sketch
React Native
BuilderX
Sketch Import
Artboards
React Native Screens
React Native Component
Symbols
<View/> and <Svg/>
Shapes
Text
Stylesheet.create({})
Styles
React Navigation
Prototyping
Designer
Developer
<Text/>
More on our roadmap...
Animations
![](https://s3.amazonaws.com/media-p.slid.es/uploads/728242/images/4849141/1_5-aoK8IBmXve5whBQM90GA.png)
Web support
Flutter
We dream to bring
Designers & Developers
on the same file...
Keeping two things in mind
Design without boundaries
Generate beautiful, readable and editable code
Team BuilderX
![](https://s3.amazonaws.com/media-p.slid.es/uploads/728242/images/4916893/IMG_8416-01.jpeg)
Download today!
![](https://s3.amazonaws.com/media-p.slid.es/uploads/728242/images/4844432/BuilderX-Logo.png)
https://BuilderX.io/
@BuilderXio
![](https://s3.amazonaws.com/media-p.slid.es/uploads/728242/images/4853642/580b57fcd9996e24bc43c53e.png)
React Europe 2018 - The Idea
By sanketgeekyants
React Europe 2018 - The Idea
- 727