List of design resources for developers

A collection of the best design practices. Pages, Elements, Flows, Brands

A good wireframe can give you the vision for the entire layout and functionality of your website. It can also serve as the first stage of a design.

Use Atlassian’s end-to-end design language to create simple, intuitive and beautiful experiences.

My favourite design element is the buttons. In fact, I [insert swear word of your choice] love buttons. In this cheat sheet, we will go through different types of buttons, states, and interactions. For the purpose of this story, we will be ignoring radio buttons, tabs, checkboxes, and other types of buttons — we will just be looking at ‘normal’ buttons.

You can have the best idea possible for a SaaS product, but if you don’t have good strategies for UI and UX, then you’ll only churn customers. This is because SaaS applications are amongst the most complex pieces of software

Nowadays it’s hard to impress or even surprise with an interface animation. It shows interactions between screens, explains how to use the application or simply directs a user’s attention.

Dropdowns are one of the most widely used and versatile tools in the UI & UX designer’s toolbox. They provide a simple way for designers to group many options into one handy component.

Resources for UX and Visual designers

A design system is a collection of documentation on principles and best practices, that helps guide a team to build digital products. They are often embodied in UI libraries and pattern libraries, but can extend to include guides on other areas such as 'Voice and Tone'.