Sencha Inc. | HTML5 Apps

Blog

Ext Designer Released: Watch the Screencast!

April 22, 2010 | Abraham Elias

Ext Designer hero shot

We are very excited to announce that we've released Ext Designer, our desktop application for rapidly generating Ext JS interfaces. Ext Designer is a full cross-platform (Windows, Mac, and Linux) desktop application written completely in Ext JS. We’ve been hard at work on Ext Designer, and we know you’ll find it worth the wait. Download a trial today. We actually had a soft release last month on Twitter in order to quash some early bugs before announcing everywhere. Since the initial release we have had over 100 bug fixes and we're now at 43,000 downloads and counting!

Who Ext Designer is For

Ext Designer works on two levels--as a prototyping tool as well as a code generation tool. Particularly for complex UIs, it saves tens of hours of development time that are normally spent tweaking layouts and making sure that nested elements play well together. Best of all, (and unlike most prototyping tools), it produces clean, object oriented code that looks like the code you would have written yourself. We think that Ext Designer will be a great tool for both single developers and teams working together to build applications. The drag and drop interface can be used by anyone involved in the design of an application. A project can easily be started by a business analyst, passed to a user interface designer, and finally handed off to the development team to be enhanced with functionality—saving time every step of the way. We've even used Ext Designer to build parts of Ext Designer!

Features

Configuration panelThe main screen of Ext Designer allows developers and designers to assemble layouts by dragging and dropping components together. They can quickly change the layout of a specific component, or use the inspector to manipulate more detailed properties. In addition to components and the visual side of an application, there are also several new ways to incorporate and configure data stores. These data stores can then be bound directly to components like DataGrids and Trees. Whether your data is in JSON, XML, a simple Javascript array, or an Ext Direct connection, Ext Designer can help you build a data store for it faster than ever. Use your favorite IDE Once the application design is finished, code can be exported on a component-by-component basis, as either JSON or Javascript classes. Again, this code is still Javascript, so it can easily be extended with the IDE of your choice.

Interface

Those who have seen early previews of Ext Designer are in for a nice surprise. We’ve completely redesigned the application for final release, giving it a whole new level of polish. In addition to a better look and feel, the new product chrome looks separate and distinct from the actual interfaces you are creating, which we think will prove very helpful. All in all, we have truly put our hearts into Ext Designer and we hope you'll find it as useful as we have. We will be hosting some webinars soon, but download Ext Designer today and try it out for yourself!

Screencast

Check out our screencast. Watch as we create a basic app using data, then preview it in Aptana in about 4 minutes.

There are 67 responses. Add yours.

Alexander Ilyin

5 years ago

Soundtrack is A.W.E.S.O.M.E !!!

Steffen

5 years ago

Cool music video! smile

Shea Frederick (VinylFox)

5 years ago

Great video smile

Jacob Andresen

5 years ago

impressive.

ray_iceman

5 years ago

Awesome. My first impression is that this will be a wonderful and useful tool. I am just downloading and will take a look.

Great job guys. Thanks.

lruiz (oracleruiz)

5 years ago

I was waiting for that!
Thanks a lot Ext Team developers!!

Vinny Carpenter

5 years ago

The Designer looks awesome. When will there be a version for GXT?

vizh

5 years ago

It’s too expensive for such a simple tool. May be $50 or $30.

Rupert

5 years ago

Amazing Tool. Thank you verry mutch. Realy a greate tool smile

adistasi

5 years ago

Looks awesome.
There will be also a release for GXT?

Tim

5 years ago

Not impressed. Still a long way from a true RAD tool like Morfik

Jay Garcia

5 years ago

Looks great guys!

Bob

5 years ago

Looks great!

I downloaded it and am trying to use it; Where’s the Tutorial?!

...a step-by-step of a sample project Tutorial would be great!

I’ll probably stumble around w/o a Tutorial.

WeWant

5 years ago

We want also inline code editor!!!

Ling Chen

5 years ago

This is great. Can’t wait to give a demo to our team on it’s capabilities.

Juan Mendes

5 years ago

I love it. Looks like it can be a real help when prototyping (for UI designers and BAs) and for starter code for developers. @WeWant: I don’t really care for an inline code editor, if it saves me some time getting started and looking up cfg options, then I can do the real coding in my IDE of choice.

Brent Carlson

5 years ago

Nice layout tool, but way too expensive fora partial solution. It is pricing itself towards Morfik, Magic or Alpha 5 where you get a complete development tool.

Ext Designer should cost around $50 because it is only a designer.

Brent

Jesse

4 years ago

Way too expensive!!! This version should be between $30 and $50 for the features offered.

Shoeb Hasan

4 years ago

I like the tool. It will save my hours to design a site. But why is it too expensive?

drabslab

4 years ago

Very nice

but financially out of reach

Ryan

4 years ago

Ditto on the price.

Loiane

4 years ago

Soundtrack is A.W.E.S.O.M.E !!! [2]

And the tool is really great!

Petro

4 years ago

Very interesting!  I really like the IDE independence.  I switch between VS and Eclipse depending on the client project I’m working on.  The last thing I need is ANOTHER IDE to learn or get locked into.  That said, I like the simplicity and power of this tool.  I’m viewing the demo right now and I can see how this can help streamline my customers’ cryptic specs (fields inside fieldsets, etc) or at least minimize the tinkering of configs in code for a desired result.  I don’t mind the price, if it will save me a few hours of tedious work - which I think it will.

Michael

4 years ago

the soundtrack ist great !!! - like the tool !!

Castle

4 years ago

??????

Umang

4 years ago

Good tool like it!!

Niko Ni

4 years ago

great tool and nice background music track smile

RB

4 years ago

Would love to see a tutorial that wasn’t moving at warp speed…but cool demo nonetheless!  I would hope the tutorial, when provided, discusses the best practices to using the tool in an ongoing project where original designs need to be tweaked after the fact.  In other words, should we attempt to leave the exported JS classes untouched and write implementation code in separate files, so that we can go back to the Designer and tweak the layout code without overwriting the developers code?  Sure would love some guidance along these lines.  I think this tool is going to be a huge time saver down the road…but I also think we need some help to smooth out the learning curve.  Thanks

Stju

4 years ago

And how many minutes to write serverside DIRECT code wink
Anyway nice

Jonathan

4 years ago

For older ExtJS fans such as ex COBOL programmers like myself can we have a remix featuring something like Julie London - Fly Me To The Moon?

xgwang

4 years ago

this is a good idea

bee

4 years ago

If it has component event handler and we could code it directly within the editor, it would be PERFECT! For now, it’s just a nice form designer. I wish it could be as advance as VB or Delphi. :D

iPad fan

4 years ago

Terrific, this one is a great and wonderful discovery.This Ext Designer allows developers and designers to assemble layouts, which is a great help.

Nice one!

Mikhus

4 years ago

Let me first to tell that it looks great and really it’s very useful!
From other side I wish to use it for app interfaces prototype creation. But I found that a lot of components are not available in designer. For example, where are charts?

rainsmith

4 years ago

it’s cool! BUT it has Big problem that language-support is so Bad,especially in Chinese!!!!!!!!!!!!!!!!! !!!!!

ctr1hill

4 years ago

I love the tool but I have to agree on the price…...make it cheaper.  Also, can you include the ability to cut and paste code? Or import code?

Avinash

4 years ago

Awesome , I like this

Alfred

4 years ago

ESTA HERRAMIENTA ESTA MUY BUENA YA IMPLMENTE ALGUNAS APLICACIONES Y PARA LAS NECESIDADES DE LOS CLIENTES ESTA MUY BUENO Y LES GUSTA; AMI POR LA FLEXIBILIDAD PERO SERIA BUENO QUE SEA GRATIS O LGPL LICENCE EL “EXT DESIGNER”....

Michael

4 years ago

How about a download link to the Project files?

Surya Adi Sapoetra

4 years ago

great tools, it will very helpfull,... wink

iLike

4 years ago

Indonesia..!!! Likes..!!

Luis

4 years ago

Since I began my degree project using ExtJs my conception of web programming have evolved.
Now, with this app the ExtJs develop will be more easy, fast and fun. It’s awesome!

neeke

4 years ago

that’s great!!!

bi9foot178

4 years ago

app the ExtJs develop will be more easy, fast and fun. It’s awesome!

rath

4 years ago

Impressive screencast.
Do anyone know the name of soundtrack which is embed on screencast? awesome.

Blue

4 years ago

Ditto on the soundtrack - I want it!  Where can I get it!  Love the designer, too.

Jack

4 years ago

Thanks very much, good idea

sanjaybh

4 years ago

brilliant work….

Ben

4 years ago

too expensive for a too simple tool

FindMyBacklinks

4 years ago

Awesome video…

ninchenx

4 years ago

Hi,
what is the name of the album? Does anyone know?
And of course, I think this app is just what I am looking for.

techtigre

4 years ago

Great work EXT team.  But I will have to agree that it seems a bit overpriced.

Doan Tang

4 years ago

This is good tool for my job, thanks EXT team devevopment. I will download and try it:D:D:D:D

guru plueprint

4 years ago

Really cool presentation and software. This will help non-progammers get involved within my Company

David Mcmillian

4 years ago

OK good to see- informed comments are always sweet! Peace.

Brendan

4 years ago

Good god it costs an arm and a leg, and a Microsoft Office. I wish I could afford it. :’(

Webstandard-Blog

4 years ago

Looks great!

nvkudva

4 years ago

Hi I was trying ext designer in windows 7 64bit. But it didn’t work.
Any possible solution?

Indroniel Deb Roy

4 years ago

Great application to start working on ext… Awaiting for more tutorial/help material to work more efficiently with designer…

ajaxuser

4 years ago

Do you have trial version available for download

Mike

4 years ago

It’s way too overpriced - being just a UI designer, not a full-blown IDE, it should be priced at $40-$50. For a fraction of $299 I can get Coda and just type out the JS and test right there. I mean, Dreamweaver CS5 is $299, and it is a full-blow design & development suite, for crying out loud!!!

video marketing goldmine

4 years ago

in my opinion, this is really a great program and video presentation. This will add knowledge to myself and my friends.

Bonos de Poker Sin Deposito

4 years ago

Hola analizar de esta página web es muy emocionante , temas como éste   destacan quien visitar este blog!!!

Poker Gratis

4 years ago

Hola otra vez llegó a su espacio web…......Cuenta con más contenido ahora!felicitaciones! 
Yo me llamo Marco,un amigo blogger Portugues…....smile

xml editor

4 years ago

XML is principally a means to storing and transporting data, you will notice that xml tags are not predefined and therefore do not carry semantics, you as the programmer decide the purpose and meaning of your tags. Although not sure I could agree that RDF is the best architecture for context based system, I would instead look at classic conceptual models such as Class Diagrams or even Entity Relationships?

yellow

3 years ago

Thank you for your post!

Trudy

3 years ago

I can’t beileve you’re not playing with me—that was so helpful.

Comments are Gravatar enabled. Your email address will not be shown.

Commenting is not available in this channel entry.