If the "designer tools" had the file format ".js"?
Krutarth Dave
GeekyAnts
We are the ones behind
NativeBase
Himanshu Satija
GeekyAnts
Senior Software Engineer
Software Engineer
Usual Workflow
Graphics
Design
UI
conversion
Data
Integration
Designers
Developers
Gap
Let's bridge the gap
Graphics
Design
UI
conversion
Data
Integration
Bi-directional
Graphics
Design
UI
conversion
Data
Integration
Welcome BuilderX!
Text
Demo
Switch between Design & Code
Copy from BuilderX and Paste in CodeEditor (and vice-versa)
Create re-useable symbols (components)
Let's design + build
a weather app
Build a simple weather app
API Integration in VSCode
Live Preview works on a real device
A big thanks to Expo team
Results?
- Developers can save around 50% of time
- We can iterate faster on our ideas
- Designers can actually work on actual source files after the app is shipped
- ...and many more
Next things on our list
- Add support for Flexbox
- Separate out styles using Stylesheet.create()
- Add support for TypeScript
- Make it work for React Web
- Consider Google Flutter
We dream
to bring the Designers & Developers on the same file
..with two important things in mind
-
Design without boundaries
-
Generate beautiful, readable & editable code
Get an alpha invite
http://BuilderX.io
Follow / BuilderXio
BuilderX Team
React Native Bangalore - BuilderX.io
By Krutarth Dave
React Native Bangalore - BuilderX.io
BuilderX.io was announce at React Native Europe. A macOS app for designers which write beautiful, readable and editable code for developers.
