If the "designer tools" had the file format ".js"?

I'm Sanket

    GeekyAnts

We are the ones behind  

    NativeBase

NativeBase

  • A set of UI components to ease React Native the development
     
  • ~6,000 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

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 a beta invite

http://BuilderX.io

Follow      / sanketsahu

BuilderX Team

React Native Meetup London - BuilderX.io

By sanketgeekyants

React Native Meetup 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.

  • 431