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

Copy of React Native Bangalore - BuilderX.io

By Chetan Hegde

Copy of 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.

  • 226