If the "designer tools" had the file format ".js"?
If React is a library to build interfaces, shouldn't it be the default file format of photoshop / Sketch?
Madhushree
Pramada
Aswathy
Text
We are the ones behind
NativeBase
Project Lead
Account Manager
BD Manager
GeekyAnts
NativeBase
- A set of UI components to ease React Native the development
- ~6,230 Github stars
- 8% of React Native downloads
Usual Workflow
Graphics
Design
UI
conversion
Data
Integration
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 VSCode (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
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
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
If you have any queries please get back to
Email id : builderx@geekyants.com
Twitter : @BuilderXio
@geekyants
@nativebaseio
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 a beta invite
http://BuilderX.io
BuilderX Team
React Native London - BuilderX.io
By sanketgeekyants
React Native London - BuilderX.io
BuilderX.io was announce at React Native Europe. A macOS app for designers which write beautiful, readable and editable code for developers.
