Everything is a
prototype

Start something new. Write a draft, design an app, curate inspiration. Life is a prototype, share your story.

News Explorer

Beta

Prototypr News Explorer

July 2024

Build Design Systems With Penpot Components

smashingmagazine.com

Jul 21, 2:15 AM

CSS Stuff I’m Excited After the Last CSSWG Meeting

css-tricks.com

Jul 20, 10:24 PM

The Objects of Our Life (1983)

stevejobsarchive.com

Jul 18, 7:32 PM

How To Design Effective Conversational AI Experiences

smashingmagazine.com

Jul 17, 2:41 PM

The European Union must keep funding free software

jeremiahlee.com

Jul 15, 2:34 PM

Checking design accessibility in your mockups

stephaniewalter.design

Jul 9, 3:47 PM

Customer Journey Map Templates

smashingmagazine.com

Jul 8, 3:51 PM

Design won’t be the same after this

hype4.academy

Jul 3, 10:40 PM

New Posts

SaaS

Code

Just use Stripe directly. Your SaaS (probably) doesn't need a Merchant of Record

Graeme Fulton

Oct 04

developer

Cursor AI: Crafting Prompts and Instructions to Build Full Stack Apps

Graeme Fulton

Sep 06

Claude

What's Cursor Composer? How to Build Full Apps with AI

Graeme Fulton

Aug 27

🧰 Toolbox

New products, daily.

Get hand-picked stories
every week

Join 25,000+ creatives who enjoy a regular dose of inspiration and motivation, delivered to your inbox every week.

Prototypr Toolbox

Tools to shape every idea

Doing Design Right

Doing Design Right is a UI/UX course that is focused on practice, since the theory is combined with redesigning a huge application with an outdated UI

Typr Editor

Open source editor for publishers, built with Tiptap.

Feedback Wizard

Feedback Wizard is an AI-Powered Design Assistant for Figma

Letter.so

Promoted

daily.dev

daily.dev is the ultimate platform for dev news, tools, and communities. Stay updated, collaborate, and grow together in a professional network for developers.

Uimagine.io

UIimagine generates design and code from your ideas through AI prompts.

Doing Design Right

Doing Design Right is a UI/UX course that is focused on practice, since the theory is combined with redesigning a huge application with an outdated UI

Typr Editor

Open source editor for publishers, built with Tiptap.

Feedback Wizard

Feedback Wizard is an AI-Powered Design Assistant for Figma

Letter.so

Promoted

daily.dev

daily.dev is the ultimate platform for dev news, tools, and communities. Stay updated, collaborate, and grow together in a professional network for developers.

Uimagine.io

UIimagine generates design and code from your ideas through AI prompts.

Doing Design Right

Doing Design Right is a UI/UX course that is focused on practice, since the theory is combined with redesigning a huge application with an outdated UI

Typr Editor

Open source editor for publishers, built with Tiptap.

Feedback Wizard

Feedback Wizard is an AI-Powered Design Assistant for Figma

Letter.so

Promoted

daily.dev

daily.dev is the ultimate platform for dev news, tools, and communities. Stay updated, collaborate, and grow together in a professional network for developers.

Uimagine.io

UIimagine generates design and code from your ideas through AI prompts.

Doing Design Right

Doing Design Right is a UI/UX course that is focused on practice, since the theory is combined with redesigning a huge application with an outdated UI

Typr Editor

Open source editor for publishers, built with Tiptap.

Feedback Wizard

Feedback Wizard is an AI-Powered Design Assistant for Figma

Letter.so

Promoted

daily.dev

daily.dev is the ultimate platform for dev news, tools, and communities. Stay updated, collaborate, and grow together in a professional network for developers.

Uimagine.io

UIimagine generates design and code from your ideas through AI prompts.

Uimagine.io

UIimagine generates design and code from your ideas through AI prompts.

Motiff

Motiff is an AI-powered professional UI design tool for the AI era.

Figgy

Figgy generates a contributions graph like on GitHub, but for Figma.

Loop

Window management made elegant.

Cult/ui

Cult/ui is an open source library of components crafted for design engineers to copy and paste into their React projects.

Wired Elements

Wired Elements are a collection of sketchy hand-drawn UI elements for React, Svelte, Vue and Vanilla JS.

Fluidmotion

Fluidmotion is a collection of customizable video backgrounds with a video editor.

Uimagine.io

UIimagine generates design and code from your ideas through AI prompts.

Motiff

Motiff is an AI-powered professional UI design tool for the AI era.

Figgy

Figgy generates a contributions graph like on GitHub, but for Figma.

Loop

Window management made elegant.

Cult/ui

Cult/ui is an open source library of components crafted for design engineers to copy and paste into their React projects.

Wired Elements

Wired Elements are a collection of sketchy hand-drawn UI elements for React, Svelte, Vue and Vanilla JS.

Fluidmotion

Fluidmotion is a collection of customizable video backgrounds with a video editor.

Uimagine.io

UIimagine generates design and code from your ideas through AI prompts.

Motiff

Motiff is an AI-powered professional UI design tool for the AI era.

Figgy

Figgy generates a contributions graph like on GitHub, but for Figma.

Loop

Window management made elegant.

Cult/ui

Cult/ui is an open source library of components crafted for design engineers to copy and paste into their React projects.

Wired Elements

Wired Elements are a collection of sketchy hand-drawn UI elements for React, Svelte, Vue and Vanilla JS.

Fluidmotion

Fluidmotion is a collection of customizable video backgrounds with a video editor.

Uimagine.io

UIimagine generates design and code from your ideas through AI prompts.

Motiff

Motiff is an AI-powered professional UI design tool for the AI era.

Figgy

Figgy generates a contributions graph like on GitHub, but for Figma.

Loop

Window management made elegant.

Cult/ui

Cult/ui is an open source library of components crafted for design engineers to copy and paste into their React projects.

Wired Elements

Wired Elements are a collection of sketchy hand-drawn UI elements for React, Svelte, Vue and Vanilla JS.

Fluidmotion

Fluidmotion is a collection of customizable video backgrounds with a video editor.

Vercel to Self-Hosted Next.js: Setting up Zero Downtime Deploys with GitHub Actions

How to move from Serverless to self-hosted NextJS with zero-downtime deploys on GitHub Actions, using the blue green deployment concept (NGINX and PM2)

Graeme Fulton

Apr 24

AI Spam and the Bot Economy: The Rise of Zombie Content

AI content spam is growing - 90% of web content will be AI generated by 2025. The AI spam bot economy thriving - how can we save the web?

Graeme Fulton

Mar 11

I connected Stable Diffusion with my smartphone camera. And here's what I learned.

Stable Diffusion

Seungmee Lee

Jan 31

Career

You ain’t a designer until you fail

I was / am / will be a computer science girl and I’ve been writing code since 2014, my whole career being based on mostly self learning. Why? Because my faculty didn’t teach me anything related to my job as a frontend developer and because I was passionate about getting in the visual journey that later took me to becoming a

Olimpia Ursu

Jan 31

AI Powered

Microsoft Designer: AI Prompt Design Principles

Observations on Microsoft Designer and OpenAI's DALLE-2, forming some UX Principles for Prompt Design when generating AI images.

Graeme Fulton

Dec 23

Become a contributor

Share your story with us and get featured in the newsletter.

List a product

List your tool in the Prototypr Toolbox and claim your page.

Accessibility

See all

Typography

Accessibility

How to use huge type on the web

Last week’s post looked at websites that dared to use huge type and did it well. With this week’s post I’ll explore what it is that works well about the...

Matej Latin

Nov 24

product design

Twitter reminds us about Alt Text, but how good are we at it?

Several humble observations on how people describe photos, artworks, and memes. Twitter has been quite vigorous recently in raising accessibility...

Slava Shestopalov 🇺🇦

Oct 31

product design

Accessibility: The Biggest Scam in UX

I can’t even possibly count how many times I have seen designers describing their work as accessible, throw around words like “inclusivity” and “universal design”, just to present a minimalistic — totally up to trends — white and *choose any color* prototype, thinking that’s it. Stop right now, I hate you.

Dot Tomczak

May 25

Neurodiversity Design System

Accessible Advent Tracker

tools

Get

Venngage's Accessible Color Palette

Get hand-picked stories
every week

Join 25,000+ creatives who enjoy a regular dose of inspiration and motivation, delivered to your inbox every week.

Branding

See all

Web Design

Why Everything Looks the Same

Do you ever get the feeling that everything around you looks the same? How economic globalization, generational transition, and...

Ryan Duffy

Nov 14

branding

Thanks, I Hate It: Shapeshifting Platforms and Instagram Rebrands

Instagram Sans 2022 rebrand...from Instagram’s controversial logo change in 2016 to Facebook’s numerous feed iterations over the years, if one thing is clear as day it’s that we don’t like change…at least not at first.

Sophie Clifton-Tucker

May 24

design websites

Take me to the useless webs

As an interaction designer, it’s a pure joy to find a great website with great storytelling, motions, and graphics. But personally, there are ones that stand out more to me — the...

Seungmee Lee

Oct 27

SVG Color Matrix Mixer

Psychology

See all

Accessibility

Design Through a Neurodiverse Lens: Exclusive vs Inclusive

The Source is a fortnightly letter from Prototypr for its community of ~600k viewers. Written by Sophie Clifton-Tucker, The Source tackles taboo topics, exposes unseen truths, and gets the scoop on the latest in the tech and design sphere. It’s estimated that between 15-20% of us are neurodiverse, so a product that isn’t optimised for […]