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

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

Claude

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

Graeme Fulton

Jul 18

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

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

Code

html

Craft the Perfect UX Portfolio with these 2 Free HTML Templates

Craft a professional UX portfolio with these 2 free HTML templates. Designed for usability and responsiveness, these templates—Estandarte and Vertifolio—offer customizable layouts suitable for all devices. Even without coding experience, you can host your portfolio for free on Netlify. Download these templates to create a polished, online presence for your UX work.

Joseph Georgiev

Jul 01

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

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

Composer in Cursor can pretty much write a full app for you using AI like Claude (Anthropic). Composer progresses Cursor's AI code assistance from just editing single lines of code and individual pages, to editing and creating multiple pages at once.

Graeme Fulton

Aug 27

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

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

Accessibility

See all

product design

Designing Better Hyperlinks: A Detailed Guide

Why are “click here” and “by this link” poor choices? And is it acceptable to use “read more”? All these phrases have become so common that many people don’t see any problems with them. How many times have you encountered or composed the following on websites, in emails, or on intranets? In this article, I’ll explain popular wording and formatting mistakes and will show more accessible and informative alternatives.

Slava Shestopalov 🇺🇦

Sep 26

Designing localisation-friendly products

Accessibility

Localization

Designing localisation-friendly products

Localisation is often perceived as simple text translations across different languages. However, it goes beyond just some alphabets and letters.

Cassandra Tang

Apr 19

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

Venngage's Accessible Color Palette

Color Palette

Get

Accessible Advent Tracker

tools

Get

Neurodiversity Design System

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

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

How I Build a Personal Website & Monetize (without coding)

Notion

branding

How I Build a Personal Website & Monetize (without coding)

Today, I will share my process, tech stack, and strategy to build, monetize and promote a personal website. My hope is to share my ideas with everyone who is trying to break into product/tech or independent professional career. For context: I’m sharing my experience as a solo founder, product builder, and independent consultant who has benefited from the power of personal website and branding.