Facebook developers already have a useful info on Facebook components documentation, i.e., they count on Facebook FBML wiki as reference.

Thinking of designers and, of course, ourselves as designers, we made a Facebook Graphic User Interface (FBGUI) resource kit for Photoshop to make our work easier.

The purpose is to speed up Facebook interface design, sparing you from drawing all the comps and letting you customize all the texts, buttons and data as you need.

The kit brings the Facebook vector icon and logo. Also, since the focus of this resource are the UI elements, it brings a main window with the header, menu and the chat window for you to set up your realistic mock-ups. Cannot forget to mention all the modal components, comment boxes, buttons, message boxes, tabs, etc.

Needless to say, all the components are full layered, built using vectors and blending options, so that scaling and editing the objects will not be a problem for the designer.

We’re sure we’ll notice lots of missing elements and will keep updating

So, feel free to share and use at will. Also feel free to send us a feedback to help us improve it with something we haven’t thought earlier.

I’d appreciate it if you let others know about the PSD if you download it. Tweet this or blog it. Thank you!

Cheers!