How do you organize all your 'design idea' clippings?

31 Jan 2012 - 3:14pm
2 years ago
17 replies
1038 reads

I'm always taking screenshots of cool website interactions or designs when I browse around and put them into a 'design ideas/inspirations' folder on my computer. I was wondering, for you designers that do something similar, how do you go about organizing your clippings?

The folder is getting less useful as it grows larger because it just takes so long to sift through to find what I want. I'm curious if people use a folder taxonomy, or putting tags in the filenames, or is there software you use for organizing and displaying all your clippings?


8 Feb 2012 - 6:02pm
Alan Hogan

My own collection is relatively small as I usually neglect to add my finds to it, but LittleSnapper may be what you seek. It works well for me, and with tagging and "collections" features.

8 Feb 2012 - 8:16pm

Evernote is pretty instrumental for organizing my clippings.

Also, I recently discovered UI-Patterns....pretty cool site.

8 Feb 2012 - 9:54pm

You may also want to check this article

9 Feb 2012 - 5:10am

+1 for Evernote

9 Feb 2012 - 6:23am
Henri Huttunen

I just email them to myself and have rules set up that put them in a separate folder as "unread". I guess it talks volumes of how I do my work - always on the computer, rarely on the pen-and-paper. It might be partially explained by me having a stronger process/workflow and software background than one in e.g. arts and design. What paper sketches I have left are in chaos on my desktop.

I go over my idea and snippets irregularly, but often. Even if I don't use them. I find this to be more important than anything else.

9 Feb 2012 - 7:29am
Vinod Rajpurohit

I use Microsoft ONENote to screen clip Interesting Interactions / design patterns and file them inside notebook or sub chapters ( titled as : App UI,  Notification Design, Use it next time, Web Components REF and so on... )

You can also add notes in the screenshot  page,  tag them, search text within image ( OCR stuff ) and most interestingly , when you screen clip a webpage ( or part of it ),  OneNote will capture additional info along with the screenshot  like : Page title,  capture time stamp  and the URL
Note: currently this feature works only in IE browser, however there are few plugins available for Firefox.

OneNote more info   : 

9 Feb 2012 - 10:15am
Brian Mila

I use OneNote too, but I find that my collection of screen clippings is so huge that I have a hard time finding that clipping of that breadcrumb style i liked, or whatever.   So I tried to organize them by categories, but it hasn't worked all that well because as soon as you take the clipping you have to immediately go into onenote and the move it to the proper category (which is kind of a hassle). 

 The big problem I see is, How do I share it with others?  I want to be able to peruse not only ideas I liked, but stuff other people liked as well and have a way to bubble up the good ideas so that all the good stuff is easily browsable.  I've recently started using Pinterest, and I think something like that, but just for UI geeks like us would be awesome.  


10 Feb 2012 - 9:18am

I'd love a good answer to logging and sharing these - I tried Pinterest, but it only grabs images in the current page, and won't take an image *of* the whole page. 

10 Feb 2012 - 10:23am
Tania Schlatter

I take screen shots and post the images to an extremely simple Tumblog ( I use tags to organize them. It is a pretty crude system, but reasonably fast and effective. I have to remember the tags I am using, as the tag UI does not have a type ahead. I also thought using Pinterest could replace the Tumblog, but grabbing images isn't usually what I want. 

11 Feb 2012 - 2:35pm
Justin Maxwell

@roundand - i have been doing the same thing with pinterest (my influential interfaces board) using skitch.  

@tania schlatter - your tumblog is not publicly accessible - "request denied"


11 Feb 2012 - 6:27pm
Alan Hogan

I’d love to subscribe! But I’m getting the same error Justin mentions.

12 Feb 2012 - 4:57pm

We use Diigo or Evernote. But looking for other tools. Great topic!

13 Feb 2012 - 10:31am
Tania Schlatter

Oops. Here's the link.  - caveat: super crude and intended for my own inconsistent purposes. ;)

13 Feb 2012 - 12:59pm

How about ?

13 Feb 2012 - 6:15pm

@tania - thanks, following with interest!

@uxtweater - aha! where has been all my life?

13 Feb 2012 - 6:45pm

I built this site:

a while back, for the purpose of cataloging interfaces using tags and crital notes, so I could slowly build a libarary of UI patterns being used effectively and not so effectivly in the real world.  It is open for anybody to add interfaces or notes to.


15 Feb 2012 - 11:55am

I have a Design folder that I place imgs/screenshots of interesting designs I find on the web, breaking them out into folders like 'navigation', 'breadcrumbs', 'filters', 'login', etc.

However I see taking over as my new method. Easy to access and share with others.

Nice topic!

Syndicate content Get the feed