Nobody's using Paper like this

@radnolan

363.1K followers · usually 14.7K views a post

Views

66.9K

Likes

3.6K

Comments

35

Shares

502

Selling · SaaS › Developer Tool

Paperseen in 3 videos →

Why it worked

The video showcases a powerful workflow automation that directly addresses a common pain point for designers and developers: the manual creation and implementation of empty states and error states. By demonstrating how Paper can generate these elements automatically, it offers a clear value proposition and a 'game-changing' solution.

Summary

The creator demonstrates how a tool called Paper can automatically generate and import design elements like empty states into a design tool, saving designers manual effort. This workflow is presented as a significant improvement over traditional design processes.

Structure

1Introduction to Paper as a design tool for developers
2Demonstration of Paper's ability to code and import designs
3Creator's prompt to Claude to identify and list empty states
4Paper's successful import of all identified states
5Highlighting the time-saving and workflow improvement
6Concluding with a call to action to use Paper for similar tasks

Original caption

Every empty state, secondary state, and error state imported into an editable canvas automatically. We don't have to map this stuff out manually anymore. Just ask for it, iterate on it, done. I was initially a bit negative on Paper, but this is a game changing workflow!

More from @radnolan

Their other posts in the index, biggest breakout first.

Product placement

The video shows a screen recording of the 'Paper' tool being used to generate and import design elements, specifically focusing on 'empty states' for an app. The creator also shows their GitHub repository and interacts with a tool called 'Claude' to generate prompts for Paper.

On-screen text

Claude Code Claude Code v2.1.63 Welcome back Friend! Opus 4.6 Claude Max nolan@radcollab.com's Organization ~/Documents/_claude/affirmationdoodles i want to tackle the empty state illustrations. Please list out all of the might have in the app Let me explore the app to find existing empty states Explore(Find all empty states in app) L Done (20 tool uses 71.7k tokens 42s) (ctrl+o to expand) Here are all the empty state moments in the app: Primary Empty States (user-facing, illustration-worthy) 1. Dashboard - No affirmations yet (src/app/(main)/(tabs)/index.tsx:458) - New user, bottom sheet says "Record your first affirmation to get started." 2. History Grid - No sessions (src/app/(main)/(tabs)/index.tsx:272) - Grid shows 140 blank cells with gradient fade, but no friendly message when truly empty 3. Manage Screen - No affirmations (src/app/(main)/manage/index.tsx:80) - "No affirmations to play. Record one first." 4. Listen Screen - Nothing to play (src/app/(main)/listen/index.tsx:88) Secondary Empty States (contextual, lighter) 5. Record Screen - No script (src/app/(main)/(record)/index.tsx:272) - "No script - just speak freely." 6. Doodle Canvas - Blank canvas (src/app/(main)/(canvas)/index.tsx:272) - Save disabled with no strokes, but no prompt 7. Custom Script - No text entered (src/app/(main)/(custom)/index.tsx:272) - CTA disabled but no visual guidance 8. Customize Script - Empty edit (src/app/(main)/(custom)/index.tsx:272) - CTA disabled but no helper text Error/Edge Case States (less common) 9. Pre-written scripts fail to load - silent 10. Audio playback fails - play button apparent but does nothing when tapped 11. Session history load fails - silent catch, no error state The top 4 are the strongest candidates for illustrated empty states or empty state treatments for those? Worked For 1m 3s Can you import all of those states into Paper using the paper mcp Paper document info and reading the key

Transcript

Nobody's using Paper like this. So there's this new tool called Paper, which is basically like vibe coding, but it's only for designers. So essentially how it works is instead of getting Claude to like code something for you, it codes it and then imports it directly into a design tool, which lets you edit the content inside. So I had this idea for this app that I was working on. I already have it set up on GitHub. I just went into Claude and I said, I want to tackle the empty state illustrations. Please list out all of the empty state moments in the app. And so it came out with four empty states and also secondary states and error states that could be points of failure if like the internet's slow or something like that. From there, I said, let me import all of those states into Paper using the paper MCP. It worked. It just did it. It created all of them one by one. It was amazing. What's so cool about that is none of those things that I designed those, none of those things that I even see yet because I was building this slowly and now I have data on my account and it's hard to access those things. So just sit with that for a second. Yeah, like we don't have to map this stuff out manually anymore. Just ask for it, iterate on it, done. I was initially a bit negative on Paper, but this is a game changing workflow. Hey, give me all the air states, do this, change this, change this, change this. And I'm going to go do that now.