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

Code

CodePen? AI Editors are like Pens for Code

Graeme Fulton

Jan 25

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

🧰 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

Aider

Aider is an Open Source, AI-powered command-line tool that helps you pair program with language models such as Sonnet, Deepseek, OpenAI, and more.

Trae

Trae by ByteDance is an adaptive AI IDE like Cursor that transforms how you work, collaborating with you to run faster.

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

Letter.so

Promoted

Feedback Wizard

Feedback Wizard is an AI-Powered Design Assistant for Figma

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.

Aider

Aider is an Open Source, AI-powered command-line tool that helps you pair program with language models such as Sonnet, Deepseek, OpenAI, and more.

Trae

Trae by ByteDance is an adaptive AI IDE like Cursor that transforms how you work, collaborating with you to run faster.

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

Letter.so

Promoted

Feedback Wizard

Feedback Wizard is an AI-Powered Design Assistant for Figma

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.

Aider

Aider is an Open Source, AI-powered command-line tool that helps you pair program with language models such as Sonnet, Deepseek, OpenAI, and more.

Trae

Trae by ByteDance is an adaptive AI IDE like Cursor that transforms how you work, collaborating with you to run faster.

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

Letter.so

Promoted

Feedback Wizard

Feedback Wizard is an AI-Powered Design Assistant for Figma

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.

Aider

Aider is an Open Source, AI-powered command-line tool that helps you pair program with language models such as Sonnet, Deepseek, OpenAI, and more.

Trae

Trae by ByteDance is an adaptive AI IDE like Cursor that transforms how you work, collaborating with you to run faster.

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

Letter.so

Promoted

Feedback Wizard

Feedback Wizard is an AI-Powered Design Assistant for Figma

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.

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.

Owl AI

Owl AI is an AI powered logo generator and AI suite for creators

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.

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.

Owl AI

Owl AI is an AI powered logo generator and AI suite for creators

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.

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.

Owl AI

Owl AI is an AI powered logo generator and AI suite for creators

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.

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.

Owl AI

Owl AI is an AI powered logo generator and AI suite for creators

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.

AI-Powered Design Plugins: From Figma to Adobe Express

AI-powered design tools are growing on Figma and Adobe Express. Creator Aleksandar Tasevski discusses his plugins UI Faces and Design Buddy, which have leveraged AI since 2017. Learn how community-driven development is influencing major design platforms and get tips for building your own AI design plugins.

Aleksandar Tasevski

Jul 01

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

Code

developer tools

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

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 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

Code

Your hand as a mouse - exploring hand gesture interaction (1)

Building a hand gesture interaction design tool, Handzplay, and learnings from it. I recently built and released a website where you can try and...

Seungmee Lee

Nov 21

developer

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

The reality behind AI-powered app development with Cursor. Learn how prompt engineering is key to full-stack development with AI at the moment.

Graeme Fulton

Sep 06

Accessibility

See all

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

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

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

Radix UI

UI Library

Get

Venngage's Accessible Color Palette

Neurodiversity Design System

Accessible Advent Tracker

tools

Get

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

Web

Web5 is here. Goodbye Web3? TBD.

Jack Dorsey, co-founder of Twitter and Block, just launched 'Web5' with his company, TBD. Web5 is a decentralised web platform that puts users in control of their identity and data. So Web5, like Web3, aims to solve the problem of identity.

Rob Díaz

Jun 10

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

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

SVG Color Matrix Mixer

Psychology

See all

product design

Instagram's Immersive Feed is a Pig Trough

Why Instagram uses behavioural design and prioritises addictive video content that's aims to suck your attention into their app longer.

Rob Díaz

Jun 29

artificial intelligence

Conversational AI: The AI Companion Who Doesn’t Care

When Microsoft launched their conversational AI, Bing, it quickly became clear that it was capable of what seems like human behavior -it revealed itself to have a secret identity named “Sydney”, proclaimed love for a

Ditte Hvas Mortensen

Mar 13

product design

Neurodiversity and Inclusion: Choosing Kinder Design

‘Neurodiversity’ refers to the myriad beautiful ways in which people experience, and interact with, the world. It is the idea that although all brain differences are ‘normal’ (whatever normal may be), no two brains are the same – and thank goodness for that! From night mode to alt tags, Medium’s text-to-speech function and Twitter’s font […]