Alex Girón

Designer & Founder. Building Join Team. Creative Director at Eventbrite, Formerly Design Lead at twitter. Founder at nvite, canvas, nclud, worthy.

Flu­id + Design­ersMX = Bliss.

Thursday, May 12th, 2011

I’ve enjoyed every bit of Designers.MX since it launched, their iPhone optim­ized web site is fenom­en­al, how­ever the desktop exper­i­ence (for brows­ing listen­ing to music) was­n’t ideal for me, so I set out to find a solu­tion for this.

First, if you haven’t checked out Designers.MX yet I sug­gest you head over there now. They have won­der­ful mixes with beau­ti­fully designed cov­ers by fel­low design­ers, a match made in heav­en! Truly fant­ast­ic. I even con­trib­uted my own mix.

Before I tell you how to set up your Design­ersMX Desktop App, let me show you what it looks like:

DesignersMX App

We are basic­ally tak­ing advant­age of the beau­ti­fully optim­ized mobile exper­i­ence and serving it on the desktop as an app. Isn’t it awe­some?

Set Up Your Designers.MX Desktop App:

Down­load and install Flu­id (Older Ver­sion with all fea­tures at, launch it and set the URL field to, Give it a name (I chose Design­ersMX) and Click “Cre­ate”.

Fluid App

Once you receive the suc­cess mes­sage, launch the app. Go to the App’s menu, set the User Agent to “Mobile Safari” and refresh (Command+R).

Fluid User Agent MenuUser Agent

You should be able to see the mobile optim­ized ver­sion of Design­ersMX at this point. Adjust the win­dow to the width/height you prefer.

Mobile Optimized

Go to the pref­er­ences menu.

Fluid Preferences

Click on appear­ance and change win­dow style to “HUD (Black) and re-start the app.

Fluid Appearance

The win­dow chrome now matches the col­or scheme of the site:

DesignersMX Floating Window

At this point you already have a nice Design­ersMX app. If you prefer hav­ing a float­ing win­dow on your desktop you are done… How­ever if you are like me and prefer menu bar icons fol­low the next step.

Go to the app’s menu, select “Con­vert To MenuEx­tra SSB” and click ok.

MenuExtra SSB

The app should restart and you should now see a menu bar icon on your tool­bar like so:

Menu Bar Icon


You now have a beau­ti­ful Designers.MX Desktop App.

Thanks go to Camer­on Moll for provid­ing the soundtrack while I wrote this blog post, to Designers.MX for provid­ing an awe­some ser­vice and to all those that have con­trib­uted awe­some mixes and cov­ers.

Cheers all, enjoy!