Com\’è dura la professione!

24 settembre 2010

Generate Flex Code from Balsamiq Mockup Sources

Filed under: Flex,Open Source,QT — lbell @ 22:07

Having the need to generate an application skeleton after having created the mockup using Balsamiq (, and to poke into its file format, as explained in the page, I wrote a plugin for my Open Source project QXmlEdit.

It is very easy to use, but you should remember that it is a very simple tool and not a full fledged IDE.

The plugin can be activated via ‘Tools’ menu, as in the following screenshot:

The plugin window is divided in two: the upper part is dedicated to the Balsamiq sources to translate, the bottom one contains the destination directory where a MXML Application file is generated for each selected source file.

The translation is done by transforming the source using templates that can refer original attributes or calculated fields.

Data bound controls are supported by generating data sources as mx:Array containing mx:Object in a global section.

Not all Balsamiq controls are supported, only a subset of most commonly used ones, controls not supported are converted to mx:Label

List of supported controls:

  • Button

  • Label

  • LinkBar

  • DataGrid

  • List

  • TabBar

  • VRule

  • HRule

  • TextInput

  • ComboBox

  • TextArea

  • Paragraph

  • CheckBox

  • RadioButton

  • Tree

About these ads

3 commenti »

  1. If your firm is growing rapidly, highly leveraged and unable to meet bank covenants, or is you just have curse of growing too
    quickly (. Purchasing medical equipment’scan be a daunting task.
    In this case they will hold the item and return it to you once you’ve finished making your payments.
    But here’s the good news, under the SBL program only a 25%
    guarantee is required.

    Commento di — 18 settembre 2014 @ 4:51 | Rispondi

  2. xe audi da qua su dung

    Generate Flex Code from Balsamiq Mockup Sources | Com\’è dura la professione!

    Trackback di xe audi da qua su dung — 19 ottobre 2014 @ 4:54 | Rispondi

  3. Remove the custard molds from the water bath and allow it to cool.

    Commento di Wiley — 22 novembre 2014 @ 3:50 | Rispondi

RSS feed dei commenti a questo articolo. TrackBack URI


Inserisci i tuoi dati qui sotto o clicca su un'icona per effettuare l'accesso:


Stai commentando usando il tuo account Chiudi sessione / Modifica )

Foto Twitter

Stai commentando usando il tuo account Twitter. Chiudi sessione / Modifica )

Foto di Facebook

Stai commentando usando il tuo account Facebook. Chiudi sessione / Modifica )

Google+ photo

Stai commentando usando il tuo account Google+. Chiudi sessione / Modifica )

Connessione a %s...

The Rubric Theme. Blog su


Ricevi al tuo indirizzo email tutti i nuovi post del sito.

%d blogger cliccano Mi Piace per questo: