3 Step Overview of Fuse

Fuse is comparable to development environments like Android Studio or XCode, but is tailored towards collaboration between designers and developers. Here’s a very quick overview in 3 steps:

 

1. Code your app with UX Markup ?  2. Collaborate during the development process ?  3. Create native apps


1.Code your app with UX Markup

  • Use your favourite text editor to code your UI with UX Markup. This is a simple syntax, making it easier for designers to understand the code and make changes:
    fuse01b
  • You can also import designs directly from Sketch (this feature is still in experimental mode):
    captura-de-pantalla-2016-10-03-a-las-15-23-50

2. Collaborate during the development process

  • Use ‘Visual Tools’ that make collaboration between developers and designers easier:
    ezgif-2187090359
    captura-de-pantalla-2016-10-03-a-las-15-23-59
  • Designers and developers can work side-by-side, making changes using the real time preview
    captura-de-pantalla-2016-10-03-a-las-15-24-05

3. Create native apps

  • Create interactive motion that works natively in simple markup:
    ezgif-3168805568
    ezgif-1119255888
  • Additionally, you can make use of real data such when building your apps