thumbnail_image 1.png

image 1.png

Frameworks

I've made this for my own use but hope it fits you too.

T-Shaped skills template for Product Designer

small_framework-crq.png

thumbnail_framework-crq.png

framework-crq.png

California Institute of the Arts shares their template for improving your design critique within their 'Language of Design: Form and Meaning' course.

A Framework Built for Critique

medium_1680x576-doc.png

thumbnail_1680x576-doc.png

1680x576-doc.png

Discover your hidden ability with the most accurate personality framework.

UX skills assessment

A framework fairly heavy on the front-end development side. Split into four seniority levels for ‘Generalist designers’.

Product designer competency matrix

thumbnail_1680x576-tufte—0.25x.png

1680x576-tufte—0.25x.png

Tufte CSS provides tools to style web articles using the ideas demonstrated by Edward Tufte’s books and handouts. Tufte’s style is known for its simplicity, extensive use of sidenotes, tight integration of graphics with text, and carefully chosen typography.

Tufte CSS

thumbnail_doc.png

doc.png

Templates

An easy in-depth template  
that includes all steps 
of testing — from recruiting 
users to reporting results.

Notion template to run efficient usability tests

If you try to be in-depth, you can easily write a 20-page spec that no one has the time to read. Or... use this guide from Yuhki Yamashita, VP of Product at Figma.

Figma Product Requirements Doc template

medium_bulletin.png

thumbnail_bulletin.png

bulletin.png

A company team bulletin is a remote-friendly way to ensure everyone’s on the same page and has all the information they need.

Team Bulletin

thumbnail_txt.png

txt.png

Work-life balance

I had to write «Thank you»  
or «That’s great!» instead 
of adding a reaction emoji 
under a Slack message, 
a Twitter DM, 
or a Discord message…

What happened when I stopped using Emojis

1_khTl77xnC1akiECbG8wP5Q.gif

How being a musician made me a better product designer

thumbnail_framework_crq_8a44fd107e.png

framework_crq_8a44fd107e.png

From RGB/HEX converter to a range of trackers and dashboards.

Damn huge template gallery for Notion

medium_1680x576-txt.png

thumbnail_1680x576-txt.png

1680x576-txt.png

Want investors to fund your idea? They have to believe in it (and you). Want customers to buy your product?

How memes  control everything

thumbnail_office.png

office.png

Working from one desk was a measure to save the company money, not to help you do your best work.

This popular remote work advice is wrong

medium_1680x576-rams.png

thumbnail_1680x576-rams.png

1680x576-rams.png

A movie by Gary Hustwit about legendary designer Dieter Rams.

Rams

medium_1680x576-slack.png

thumbnail_1680x576-slack.png

1680x576-slack.png

150 communities to ask your questions and have friends.

Slack & Discord Communities for Designers

thumbnail_mov.png

mov.png

Apps

If you are struggling with 
recording your designing 
process, this web browser app 
will help. Great for tutorials  
and presenting something.

Easy screen recording and showcase

large_monder5.png

medium_monder5.png

small_monder5.png

thumbnail_monder5.png

monder5.png

This app will generate a Mondrian-style composition for you and export it for Figma with pre-made color, shape, and aspect ratio settings.

Mondrian-style Art Generator

thumbnail_img-twotone.png

img-twotone.png

A fun and intuitive way to make your own compositions without any prior musical or technical knowledge.

TwoTone uses sonification to let you hear data

thumbnail_monder2.png

monder2.png

If you are still stuck in color palettes and searching for something exclusive instead of trendy hackneyed PANTONE, this old-school Japanese app is free for you since 2010. OMG, right?

DIC Color Guide

thumbnail_chance.png

chance.png

Want to find a mentor? Have a talk with a known art director? The Breakfast introduces you to someone new to meet & to talk over breakfast. 

A social app for modern humans

thumbnail_rytr.png

rytr.png

As a smart writer, it provides the ability to automatically generate content for many use cases like landings, emails, and more. Also, this text was written by Rytr.

No more lorem ipsum

thumbnail_threedee.png

threedee.png

Use text, create basic geometric shapes, edit materials, import 3d models, and more.

Simple realtime 3D editor for Web

medium_1680x576-fable.png

thumbnail_1680x576-fable.png

1680x576-fable.png

Another After Effects killer? Seems like not just a great alternative, but an intuitive collaborative motion design platform.

The web-based motion design platform

medium_1680x576-animo.png

thumbnail_1680x576-animo.png

1680x576-animo.png

Create 20+animated mockups and product teasers directly in Chrome.

Animockup

medium_1680x576-museum.png

thumbnail_1680x576-museum.png

1680x576-museum.png

The Museum of Annoying Experiences

thumbnail_1680x576-fig—0.25x.png

1680x576-fig—0.25x.png

Love Figma? Love your iPad Pro? Meet free native app with Pencil, pointer, keyboard and gesture support.

Figurative

thumbnail_img.png

img.png

Figma Freebies

2000+ component states 
to help designers & developers 
reduce hours of time wasted 
creating dashboard designs.

Free Dashboard Builder for Figma

Assumptions Grid, Product Roadmap, Kanban Board, Gantt Chart, KWL Chart, Feature Audit, Idea Prioritization, Risk Grid, Impact Grid, Project Overview, Persona Template, CJM, Lean UX Canvas, Brainstorming Pad, and so on.

Product Planner

thumbnail_img_61d1f7388f.png

img_61d1f7388f.png

Curated portal for remote designers and design teams from Figma Community.

Remote design resources

medium_1680x576-aninix.png

thumbnail_1680x576-aninix.png

1680x576-aninix.png

Powerful animations within Figma

medium_1680x576-token.png

thumbnail_1680x576-token.png

1680x576-token.png

The plugin for Figma automates your color design tokens. With Token Master, you can edit styles in design tokens and quickly create new color modes. 

Token Master

thumbnail_1680x576-note—0.25x.png

1680x576-note—0.25x.png

Annotation Kit is here for you to document your work with stickies, lines, and annotations.

Annotation Kit 2.0

medium_fig-xs.png

thumbnail_fig-xs.png

fig-xs.png

A plugin that allows you to use popular math constants to create harmonic ratios in your design.

Perfecter

large_monder2.png

medium_monder2.png

small_monder2.png

Methods

Head of Ogilvy UX about 
paper-like prototypes  
and testing for voice interfaces.

Using the Wizard of Oz testing for voice apps

small_morphological.png

thumbnail_morphological.png

morphological.png

This matrix suggests mixing three factors as a way to overcome blocks and create new ideas. 

Morphological Matrix

thumbnail_cnpaste.png

cnpaste.png

What's next? Understand real individuals in multiple contexts.

Beware the  cut and paste Persona

medium_1680x576-ob.png

thumbnail_1680x576-ob.png

1680x576-ob.png

‎Oblique Strategies is a concept developed by Brian Eno (you may know him) and Peter Schmidt to help artists overcome creative blocks through lateral thinking.

‎Oblique Strategies

medium_1680x576-shape.png

thumbnail_1680x576-shape.png

1680x576-shape.png

A technique to get unstuck from Austin Kleon.

How to make a map of your mind

medium_1680x576-kano.png

thumbnail_1680x576-kano.png

1680x576-kano.png

Kano Model for building UX strategy

medium_maps.png

thumbnail_maps.png

maps.png

In the discovery phase of a UX project, mapping provides a high-level view of the problem space and makes opportunities obvious.

Why Map in Discovery. 3 Mapping Methods

medium_compositions.png

thumbnail_compositions.png

compositions.png

This article comes with a Figma-playground file, so feel free to jump in and explore the concept.

Composition-Based Design System In Figma

thumbnail_midi.png

midi.png

Tutorials

Design enthusiast Ay Lei Nie 
shares his MIDI-through-Figma 
workflow.

Figma shortcuts with a MIDI keyboard and a gamepad

small_touch.png

thumbnail_touch.png

touch.png

A free visual programming language course to learn multimedia installations, rendering, audiovisuals and much more.

TouchDesigner Beginner Course

small_ideaar.png

thumbnail_ideaar.png

ideaar.png

Build your home with Space Computing

VR & AR

Stop using Listboxes. Here's what helps you extend the viewport, minimize the scrolling, and conserve screen space.

Tokens instead of Listboxes

thumbnail_questions.png

questions.png

Humans are social creatures that are conditioned to answer questions in everyday conversation.

Digest

Archive

Issue

There is nothing in this release yet.