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.

AI

See all

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

Claude

Claude Artifacts: From Conversational AI to App Workspace (a no hype overview)

AI generated apps with Claude Artifacts. This overview explores Artifacts' capabilities in generating web tools, games, and visualizations, comparing it to traditional coding and tools like ChatGPT.

Graeme Fulton

Jul 18

Adobe

Adobe MAX Sneaks 2022: Every AI Experiment, and its Developer

Every Adobe AI experiment from the Sneaks section of Adobe MAX 2022, with Kevin Hart! Project Vector Edge is mind blowing...

Rob Díaz

Oct 19

Accessibility

See all

product design

Irrelevant Search: How Results are Ruined by Paywalls

Should a poorly researched blog post published on a gated platform be supported by search engines equally to high quality professional reporting?

Rob Díaz

Jun 03

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

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

Epilepsy UX

Get

Accessible Advent Tracker

tools

Get

Neurodiversity Design System

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

product design

Collaboration Tools and the Invasion of Live Cursors

Collaboration cursors on real-time collaboration tools make software for teams really fun to use. From video cursors in Pitch, to Google Docs text cursor, lets see how collaboration cursors are evolving.

Graeme Fulton

Jun 08

Framer Sites: Building Landing Pages to Tell Stories, with Olvy

branding

Interview

Framer Sites: Building Landing Pages to Tell Stories, with Olvy

Creating a landing page for a waitlist in Framer Sites - using gradients, illustrations, and motion to tell a story.

Graeme Fulton

May 30

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

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 […]