Build connections with the Relate UI kit. Yours free.
Build immersive experiences with Relate. 45 templates, 15 categories, and 99+ UI elements—optimized and retina–ready. (more…)
FREE
Placeit: Create Mockups right in your Browser (now 15% off!)
Creating perfect mockups has never been so easy. With Placeit’s user-friendly online tools you can find incredible templates no matter what your goal, whether you need razor-sharp iPhone mockups to showcase a new app design to a client or t-shirt mockups to fine-tune the product listing on your online store Placeit has you covered. (more…)
SPONSORED
Sketch State plugin switches states for quick demo purpose
Save different states of your sketch files (the visibility of layers and layergroups) and switch between those saved states when you demo it in a meeting or something. Another use case would be comparing two approaches, jump back and forth quickly to see which one works for the eyes. (more…)
FREE
50 Free Plugins for Getting More Out of Sketch
The great thing is that the Sketch community is chock-full of handy little utilities, in the form of plugins, that you can freely download and use. In this post I have brought them all together in one place. (more…)
FREE
Sketch Plugin Showcase
Sketch’s functionality is extended thanks to our fantastic third-party developers who have created some of the plugins below for you to download. (more…)
FREE
Sketch Notebook Plugin to Easily manage sidebar comments for documenting design
Title says it all.
FREE
Wireframe Mockups To Inspire Your Mobile Development
Starting a mockup, web site or mobile app design without first creating a series of low fidelity wireframes as a series of design sequences can be a product killer. Good designers start with a pen and paper (or pencil and grid pad, whatever) and hammer out the basics of their product’s service pages or app screens. (more…)
FREE
Why Sketchnoting Makes You A Better UX Designer
I haven’t written about sketchnoting much since my article Sketch noting 101: How To Create Awesome Visual Notes, which is kind of silly of me given it’s one of the most popular articles on our site. Part of my hesitation to do so (read excuses, excuses!) is because this is a site about user experience design, and I’ve never been quite sure where sketchnoting fits under the UX umbrella. (more…)
FREE
On Keeping a Notebook in the Digital Age
A few days ago I had a moment of sheer panic because I couldn’t find a pen. I went through the Elisabeth Kübler-Ross stages of penlessness (Denial: Maybe I don’t need a pen? I don’t need a pen! Anger: Where is my goddamned pen?! Bargaining: If you give me your pen, O nice, accommodating waiter, I’ll leave you a bigger tip) and finally got to the final stage, Acceptance: Alternatives to Pen. (more…)
FREE
Why the pencil is still the most important tool for digital designers
Looking for digital inspiration, or staring at an empty computer screen? Even at the tech nerd mecca that is SXSW in Austin, designer Von Glitschka has some radical advice for you: Close your laptop, shut off your iPad, and pick up a pencil. Open a paper notebook. And give doodling a shot. (more…)
FREE
Using Mind Maps for UX Design: Part 1 – Sketch Mapping
Sketch maps are mind maps of, well, sketches. They are diagrams that organize ideas in a tree-based structure where sketches are used as the way to illustrate those concepts. Others have used similar approaches under different terms (sketchboarding, storyboarding, or simply just mind mapping that happens to include sketches). (more…)
FREE
Lean Sketching Tips: Flexible Fidelity & Cutting Corners
Here is some lean UI sketching advice – let the level of detail be a variable in your design process that which you control. Staying conscious of and knowing when to cut a corner or when to spend additional time detailing an interaction, screen or flow is a healthy thing. All sorts of design tools impose certain fidelities on to us the second we pick them up. (more…)
FREE
Wireframing and Sketching for Web Designers: Tools, Utilities and Reasons
A website wireframe is a visual guide, or a skeletal framework that will help you define your future website’s characteristics. By wireframing you are basically defining the primary steps and the shape your website or product is going to have. One of the main purposes of wireframing is to set the main priorities and describe the functionality of your future creation. (more…)
FREE
Sketching And Prototyping
Sketching enables you to brainstorm, explore multiple ideas, define flows, communicate with team members all why being quick and cheap. Prototyping enables you to get out of the building quicker, talk to users, validate assumptions, ensure expectations are meeting stakeholder needs, while spending as little time as possible worrying about polish. (more…)
FREE
Transform your 2D designs into glossy 3D mockups in seconds using Photoshop.