Find Design UI Inspiration

You are working on a new UI. It isn’t working out. Where do you find inspiration? How do you make it unique to your design?

Find Design UI Inspiration
Photo by Matthew Henry

You find inspiration from live websites, design collections and design inspiration articles. Use these tools to help you create unique and better UI.

Why Design Collections?

Design collections can are curated by other web designers and developers. They submit the designs that they are working on and are their best work. From these collections, you can see what others have done and apply new ideas to your designs.

Design Inspiration Articles

You can use articles that discuss design inspiration on a specific UI feature. Like best sign up forms, call to action forms or newsletter sign ups. These small collections can help you to solve a specific problem.

How do you incorporate these ideas?

1. Analyze what inspires you

What do you like about the design? Do you like the fonts? Look at the type, size and line spacing used. Try changing your font sizes and spacing to create a similar effect.

2. Get inspiration from other sources

Look at print magazines layout and graphic ideas. Find book covers with color schemes and fonts that you like. Analyze what elements you can use for your design.

3. Pick an element

You may like the fonts, color scheme or even photos used. Choose one of these elements and adapt it for your design.


Design is about solving problems. It is about learning what works and applying different elements to your design. You can find inspiration from a variety of places. Draw inspiration from the designs you like, don’t copy them exactly. Take what you need and adapt it to make your design unique. It should look like it belongs there naturally and not somewhere else.

4 Tools for Writing Documentation

How do you document your projects? Do you keep a programmer’s notebook? As you write code, you will have ideas, notes, code snippets and other things that you have learned. You’ll want to keep code that you didn’t use and save for later. By keeping a programmer’s notebook, you’ll create a personal reference that you can use for other projects and documenting your code for your users.

4 Tools for Writing Documentation
Photo by Jan Vasek

What tools do you use for writing documentaion?

You can use pen and paper to create a bullet journal or collect your notes and ideas. If you want to use an app, I have collected 4 tools that you can choose from.


Boostnote is a note taking app for programmers. You can take notes and collect code snippets. Boostnote is customizable and usable anywhere. You can write notes on your laptop and share with your mobile devices.

Bootsnote App


Quiver is a programmer’s notebook. You can mix code, text, Markdown in a note. You can install Quiver on your Mac and iOS devices.

Quiver app

Bear Writer

Use Bear Writer to create notes and prose. You can organize your notes any way you can. This app is available on your Mac and iOS devices.

Bear Writer

Write the Docs

Write the Docs is an open source community dedicated to creating wonderful documentation. They provide guides on writing great documentation, conferences and meetups. Write the Doc is build using the Sphinx static site generator.

Write the Docs

Whether you use pen and paper or an app to document your projects, you’ll have a reference that can help you better understand the problems, solutions and things you have learned. Writing documentation for yourself or your users makes you a better programmer. If you want to write better documentation for yourself and your users, Mark has collected tools and resources for creating great documentation.