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

I Tried to Vape the Internet

404media.co

Jul 19, 7:29 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

AI's $600B Question

sequoiacap.com

Jul 16, 2:38 PM

The End of Influencers

hype4.academy

Jul 15, 2:35 PM

The European Union must keep funding free software

jeremiahlee.com

Jul 15, 2:34 PM

large.horse

Jul 10, 3:48 PM

Checking design accessibility in your mockups

stephaniewalter.design

Jul 9, 3:47 PM

Design token ugly mode

ericwbailey.website

Jul 8, 10:41 PM

Customer Journey Map Templates

smashingmagazine.com

Jul 8, 3:51 PM

I Received an AI Email

timharek.no

Jul 8, 1:23 AM

ChatGPT is bullshit

link.springer.com

Jul 6, 3:45 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

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

AI tools to assist your design and development workflow

The rise of AI has been accompanied by a lot of hype and fear. People are excited that it will completely transform the creative industry, while others are...

Michael Fordham

Nov 24

AI Powered

I spent $15 in DALL·E 2 credits creating this AI image, and here’s what I learned

Yes, that’s a llama dunking a basketball. A summary of the process, limitations, and lessons learned while experimenting with the closed Beta version of DALL·E 2.

Joy Zhang

Oct 16

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

Design in 2022: Language, Localisation and Collaboration

Accessibility

Localization

Design in 2022: Language, Localisation and Collaboration

Remote collaboration is a vital tool. Figma, InVision, and Mural were first to replace whiteboards with digital spaces, prioritising real-time collaboration