Paper: The Design Tool Built For The Agent Era

URL: https://www.youtube.com/watch?v=P06RgnUKX_I 원문 게시일: 2026-08-07 처리일: 2026-08-09 채널: ycombinator 제목: Paper: The Design Tool Built For The Agent Era 카테고리: ai-llm

---

📌 핵심 질문 / 이 영상이 다루는 핵심 논점

AI 에이전트가 디자인 업무를 빠르게 처리할 수는 있지만, 기업의 차별화와 사용자 신뢰를 결정하는 것은 여전히 인간의 미적 감각과 의도이다. Paper는 ==에이전트 시대에 인간 디자이너가 중심이 되면서도 에이전트와 원활하게 협업할 수 있는 디자인 도구==를 지향한다.

• Paper는 HTML/CSS를 디자인 파일의 렌더링 엔진으로 사용해 에이전트가 직접 읽고 조작할 수 있는 구조를 만든다.
• 기존 디자인 도구의 커스텀 렌더링 엔진은 에이전트에게 추가 해석 비용을 발생시켜 토큰 소모와 지연 시간, 환각을 증가시킨다.
• Paper는 인간을 위한 디자인 도구이자, 에이전트에게 명령을 내리고 피드백을 받을 수 있는 시각 인터페이스 역할을 한다.
• AI가 생성한 디자인을 그대로 사용하면 볼드체, 보라색 그라데이션, 카드 남용 등 흔한 AI tells로 인해 신뢰성과 차별성이 떨어진다.
• 스티븐 헤이니는 소규모 정예 팀, 매일 사용자 대화, 병목 중심 전략, 가치 공유를 통해 에이전트 네이티브 팀도 품질과 커뮤니티를 동시에 잡을 수 있다고 주장한다.

핵심 논점을 요약하면, Paper는 단순히 AI가 디자인을 대체하는 것이 아니라 에이전트가 이미 이해하는 기술 스택 위에 인간 디자이너가 더 빠르고 정교하게 작업할 수 있도록 하는 인간-에이전트 협업 도구이다.

---

1. Paper란 무엇인가: 에이전트 네이티브 디자인 도구

1.1. Paper의 기원과 팀

1. 스티븐 헤이니의 솔로 창업에서 시작된 프로젝트

   1. 스티븐은 디자인에 대한 애정에서 Paper를 시작했으며, 처음에는 사이드 프로젝트 형태였다.
   2. 몇 달 동안 "누가 신경 쓸까"라고 의심했지만, 사람들이 관심을 보이며 프로젝트가 성장했다.
   3. 그는 창업할 때 "어차피 할 일"을 선택해야 하며, 자신에게 가장 강한 창업자-시장 적합성이 있는 분야를 찾아야 한다고 강조한다.

2. 디자이너와 엔지니어로 구성된 12인 팀

   1. 현재 Paper는 약 12명의 디자이너와 엔지니어로 구성되어 있다.
   2. 팀은 크리에이티브 전문가를 위한 도구를 만드는 데 열정을 갖고 있으며, 그것이 가장 큰 동기다.
   3. YC 진행자는 12명이라는 소수 인원에 비해 Paper의 인지도가 높다는 점을 언급하며, 많은 창업자가 AI 네이티브 디자인 도구를 찾고 있다고 전했다.

1.2. 에이전트 네이티브의 핵심: HTML/CSS 렌더링 엔진

1. HTML/CSS를 실제 렌더링 엔진으로 사용

   1. Paper는 HTML/CSS를 디자인 파일의 기본 포맷과 렌더링 엔진으로 삼는다.
   2. 에이전트는 HTML/CSS를 학습 데이터에서 이미 잘 알고 있으므로, Paper 파일을 추가 해석 없이 읽을 수 있다.
   3. 에이전트가 Paper 파일을 다룰 때는 CSS를 읽는 것이 전부이며, 이를 통해 정확하게 무엇을 해야 할지 안다.

2. 커스텀 렌더링 엔진 대비 에이전트 친화성

   1. 전통적인 디자인 도구는 자체 렌더링 엔진을 사용해 에이전트가 그 구조를 해석해야 한다.
   2. 이로 인해 토큰 소모가 커지고, 처리 속도가 느려지며, 정확도가 낮아진다.
   3. Paper는 이런 번역 과정을 없애 에이전트와의 협업을 빠르고 저렴하게 만든다.

1.3. 인간을 위한 디자인 도구이자 에이전트용 시각 인터페이스

1. 디자이너-개발자 핸드오프의 자연스러운 해결

   1. HTML 기반 파일은 디자인과 코드의 경계를 허물어 핸드오프를 단순화한다.
   2. 디자이너에게는 Figma나 Sketch처럼 느껴지지만, 실제로는 HTML 위에서 작업하므로 개발자에게 넘길 때 변환이 거의 없다.
   3. Paper는 이 핸드오프를 개선하기 위해 HTML/CSS를 선택했는데, 이것이 에이전트 협업에도 똑같이 유리하게 작용했다.

2. 에이전트를 위한 시각 인터페이스

   1. Paper는 디자인 도구이면서 동시에 에이전트가 조작할 수 있는 시각적 인터페이스 역할을 한다.
   2. 세일즈, 엔지니어 등 다양한 직군의 사람들이 Paper를 사용하고 있다.
   3. 프롬프트만으로 모든 것을 처리하기보다, 드래그나 직접 조작이 더 빠르고 직관적인 경우가 많다.

---

2. Paper의 주요 기능과 데모

2.1. Paper Shaders: 오픈소스 WebGL 셰이더 라이브러리

1. 브라우저 렌더링을 활용한 셰이더

   1. Paper는 브라우저를 렌더링 엔진으로 사용하므로 WebGL 셰이더를 쉽게 렌더링할 수 있다.
   2. Paper Shaders는 완전히 오픈소스이며, 누구나 자유롭게 사용할 수 있다.
   3. 하나의 셰이더에 다양한 설정을 적용해 여러 비주얼 룩을 만들 수 있다.

2. 브랜드 디자인에 활용

   1. 블렌딩 모드, 할톤 도트, neuro noise 등을 조합해 다양한 효과를 낼 수 있다.
   2. Paper 팀은 실제 종이의 질감과 무작위성을 연구해 코드로 모델링하여 셰이더가 더 자연스럽게 보이도록 했다.
   3. 이런 세심한 작업이 브랜드 디자이너들이 Paper Shaders를 좋아하는 이유다.

3. 실제 활용 사례: Quarter 포스터

   1. Quarter는 실물처럼 보이는 포스터를 제작하는 팀으로, 수익 보고서 등을 다룬다.
   2. 이 팀은 레트로한 느낌과 빠른 반복을 위해 Paper로 작업을 전환했다.
   3. 스티븐은 Quarter의 작업이 정말 멋지며, Paper로 그런 포스터를 만들 수 있다는 것이 영광이라고 말했다.

2.2. 이미지 생성 및 브랜드 그래픽 도구

1. 여러 모델을 동시에 사용하는 이미지 생성

   1. Paper는 하나의 이미지 생성 요청에서 최대 4개의 모델을 동시에 사용할 수 있다.
   2. Variety Pack 모드로 모델을 번갈아가며 최신 모델을 탐색할 수 있다.
   3. 사용자는 특정 모델을 선택하거나, 다양한 모델의 결과를 한눈에 비교할 수 있다.

2. 색상 추출과 벡터화

   1. 에이전트가 생성한 이미지에서 색상을 추출하여 팔레트로 사용할 수 있다.
   2. 벡터화 기능과 함께 빠르게 텍스처를 생성하고 브랜드 에셋을 만드는 데 유용하다.
   3. 스티븐은 이런 방식으로 아이디어를 매우 빠르게 탐색한다고 데모에서 보여주었다.

3. 브랜드 에셋 중심의 워크플로우

   1. 모든 디자이너는 브랜드 에셋, 소셜 미디어 포스트 등을 만들어야 한다.
   2. Paper는 제품 디자인뿐 아니라 브랜드 디자인과 그래픽 디자인도 동등하게 지원한다.

2.3. Paper Mono: 마케팅을 제품으로 만드는 전략

1. Paper Mono라는 새로운 모노스페이스 폰트

   1. Paper 팀은 터미널용이 아닌 브랜드와 코드에 모두 사용할 수 있는 모노스페이스 폰트가 부족하다고 느꼈다.
   2. 이에 Paper Mono를 개발했으며, 특히 숫자의 가독성에 많은 공을 들였다.
   3. Paper Mono는 몇 주 내에 런칭할 예정이며, Paper 팀에게는 마케팅 활동의 일환이다.

2. 제품으로서의 마케팅

   1. Paper 팀은 광고를 사는 대신, 세상에 유용한 도구를 만들어 마케팅 예산을 대체한다.
   2. Paper Shaders와 Paper Mono 모두 이런 전략의 예시다.
   3. YC의 Eva가 뉴욕 저녁 모임에서 Paper Mono 티셔츠를 입은 사람을 만난 일화가 소개되었다.

2.4. 디자인-코드 핸드오프: React, Tailwind 복사

1. 코드로 바로 복사

   1. Paper에서 만든 셰이더나 프레임을 우클릭하여 React 컴포넌트로 복사할 수 있다.
   2. 디자이너가 직접 다듬은 결과물을 그대로 코드로 전달할 수 있어 핸드오프가 단순해진다.
   3. 스티븐은 이런 React 컴포넌트가 인터넷 전역에서 사용되는 것을 보고 있다고 말했다.

2. Tailwind와 React 지원

   1. Paper의 모든 요소는 HTML/CSS이므로 Tailwind 코드로도 복사할 수 있다.
   2. 이미 웹사이트 형태이므로 추가 변환 없이 개발자가 바로 사용할 수 있다.
   3. 이는 디자인과 코드의 단일 진실 공원을 만드는 기초가 된다.

2.5. 데스크톱 앱과 MCP 서버: 에이전트 통합

1. Claude Code/Cursor/Conductor와 연결

   1. Paper 데스크톱 앱에는 MCP 서버가 내장되어 있어 Conductor, Cursor, Claude Code 등과 연결된다.
   2. Conductor에게 "Paper에서 테스트 프레임을 만들어줘"라고 요청하면, Paper 캔버스에서 직접 작업한다.
   3. 스티븐은 Conductor와 Paper가 많은 사람들이 함께 사용하는 페어링이라고 언급했다.

2. JSON 형태의 HTML 도구 호출

   1. 에이전트는 Paper에 사용 가능한 폰트나 페이지 기본 설정을 묻는 도구 호출을 한다.
   2. 이후 에이전트는 JSON 형태로 HTML을 전송하며, Paper 엔진은 이를 별도 변환 없이 렌더링한다.
   3. 이 구조는 토큰을 절약하고, 속도를 높이며, 환각을 줄이는 핵심 원리다.

3. Cursor에서 Paper 캔버스로 코드 가져오기

   1. Cursor의 Composer를 사용해 코드베이스의 CSS 파일을 Paper 캔버스에 스타일 가이드로 렌더링할 수 있다.
   2. 코드 감사, 컴포넌트 아키텍처 다이어그램, 기존 UI의 시각화 등에 활용된다.
   3. 이는 디자인 도구가 개발 스택의 다른 부분과 떨어져 있지 않고, 하나의 스택에 통합되는 방향을 보여준다.

2.6. Paper Snapshot: 라이브 사이트를 편집 가능한 레이어로 가져오기

1. 스크린샷 대신 실제 편집 가능한 콘텐츠

   1. Chrome 확장 프로그램으로 라이브 사이트의 섹션을 Paper 캔버스로 복사할 수 있다.
   2. 복사된 콘텐츠는 이미지가 아닌 실제 레이어이므로 alt-drag로 복제하거나 편집할 수 있다.
   3. 이 기능은 사용자가 실제로 보는 화면에서 시작해 디자인을 반복할 수 있게 한다.

2. 에이전트와 함께하는 변형 생성

   1. 사용자는 캔버스의 선택 영역을 지정하고, 에이전트에게 여러 변형을 만들도록 요청할 수 있다.
   2. 에이전트는 "이 선택 영역을 3가지 변형으로 만들어줘" 같은 간단한 지시만으로도 작업을 시작한다.
   3. 이는 댓글을 통한 피드백과 함께 큰 디자인 전체의 반복 작업을 가속화한다.

2.7. 댓글 기반 에이전트 피드백 루프

1. 댓글로 에이전트에 지시

   1. Paper 캔버스의 프레임에 댓글을 달고, 에이전트에게 "댓글을 처리해줘"라고 요청할 수 있다.
   2. 이는 큰 디자인 전체에서 여러 피드백을 한꺼번에 반복할 때 유용하다.
   3. 사용자는 캔버스에 피드백을 남겨두고, 에이전트가 밤새 수백 개의 변형을 생성하도록 설정할 수 있다.

2. 새로운 큐레이션 디자인 프로세스

   1. 많은 사용자가 에이전트에게 수백 개의 변형을 생성하도록 설정하고, 아침에 와서 선별한다.
   2. 이는 디자인 프로세스를 "생성-선별-결합"의 새로운 큐레이션 사이클로 바꾼다.
   3. 스티븐은 이 과정이 Paper 서버에 예상보다 많은 부하를 주고 있다고 언급하며, 사용자들의 활용 방식이 놀랍다고 말했다.

---

3. AI 생성 디자인의 문제와 “AI tells”

3.1. 리뷰된 세 가지 스타트업 사이트

1. Legion Health

   1. 정신과, ADHD, 우울증, 불안장애, 양극성 장애 등의 온라인 약물 관리 서비스를 제공한다.
   2. 상단의 알약 모양 요소와 정렬, 대비 문제로 인해 신뢰감이 부족해 보인다.
   3. 스티븐은 콘텐츠는 명확하지만 fit and finish를 다듬어야 하며, 특히 신뢰가 중요한 의료 서비스에서 디자인의 품질이 브랜드의 신뢰를 좌우한다고 조언했다.
   4. YC 회사임을 명시하면 사회적 증거 역할을 할 수 있다고 제안했다.

2. SciTechs

   1. 현장 인프라 운영을 가속화하는 서비스이다.
   2. 보라색 그라데이션, 과도한 볼드체, 카드 남용 등 AI가 생성한 티가 보인다.
   3. 상단에서 실제로 무엇을 하는지가 명확하지 않아, 시각적 효과보다 가치 제안의 명확성을 높일 필요가 있다.
   4. 글꼴 크기를 3개로 줄이고 볼드 사용을 줄이는 것만으로도 큰 개선이 가능하다.

3. Maridata

   1. 아시아와 라틴아메리카 현지 QR 결제를 지원하는 글로벌 지갑 서비스이다.
   2. 국기와 QR 코드를 활용한 흥미로운 요소가 있지만, 지불 서비스 특성상 신뢰성이 더 중요하다.
   3. 히어로 영역에 QR 코드를 배치하고 텍스트를 줄이면 더 전문적으로 보일 수 있다.
   4. 스티븐은 원본 디자인의 에너지를 살리되, 과도한 요소를 정리해 신뢰를 높이는 방향을 제안했다.

3.2. 흔한 AI tells

1. 타이포그래피 문제

   1. 모델은 볼드체를 지나치게 좋아하며, 5에서 8개의 글꼴 크기를 남발하는 경향이 있다.
   2. 작은 대문자 키커와 과도한 자간, 무거운 블랙 웨이트가 자주 나타난다.
   3. 스티븐은 볼드 사용을 최소한으로 당기고, 글꼴 크기를 3개 정도로 줄이면 디자인이 훨씬 더 의도된 느낌이 난다고 조언했다.

2. 장식 요소 남용

   1. 카드, 뱃지, 아이콘, 알약 형태의 UI 요소가 공간을 채우기 위해 사용된다.
   2. 2픽셀짜리 색상 사이드 스우프, 별 의미 없는 숫자, 작은 아이콘이 자주 등장한다.
   3. 이런 요소들은 실제로 중요한 정보를 전달하지 않으며, 단지 공간을 채우기 위한 장식에 가깝다.

3. 색상과 모드 남용

   1. 보라색 그라데이션은 Linear가 유행시킨 스타일이 모델 학습 데이터에 고착된 대표적인 사례다.
   2. 대부분의 바이브 코딩 앱이 다크 모드를 기본으로 제공하지만, 단순히 색을 반전한 나쁜 다크 모드가 많다.
   3. 이런 요소들은 각각 나쁘지 않지만, 과도하게 사용될 때 디자인이 평균적이고 경쟁에서 묻히게 만든다.

3.3. AI 생성 디자인을 다듬는 방법

1. 볼드체와 글꼴 크기를 줄여라

   1. 글꼴 무게를 가능한 한 가볍게 낮추고, 볼드 사용을 최소화한다.
   2. 글꼴 크기는 3개 정도로 제한하면 전체적으로 더 의도된 느낌이 난다.
   3. 이는 AI가 생성한 디자인의 가장 큰 티를 없애는 가장 빠른 방법이다.

2. 불필요한 요소를 삭제하라

   1. 의미를 전달하지 않는 아이콘, 숫자, 뱃지는 과감히 제거한다.
   2. 삭제하면 레이아웃이 자동으로 정리되며 여백이 더 깔끔해진다.
   3. 스티븐은 "많은 디자인은 삭제하는 것"이라고 표현하며, 과도하게 만들고 나서 당기는 과정이 중요하다고 말했다.

3. 대비와 가독성을 점검하라

   1. 텍스트가 충분히 읽기 쉬운지 확인한다.
   2. 보조 요소가 너무 강조되어 있지 않은지 조절한다.
   3. AI가 생성한 디자인은 종종 콘텐츠의 계층 구조를 해치는 대비 실수를 포함한다.

3.4. 에이전트와 인간의 역할 분리

1. 에이전트는 전술적 실행에 강하다

   1. 변형 생성, 크기 조정, 번역, 코드 변환 등 반복적인 작업에서 에이전트는 인간보다 빠르다.
   2. 모델은 점점 더 볼드 사용 줄이기, 자간 조정, 대비 수정 같은 전술적 디테일을 개선할 것이다.
   3. 스티븐은 Fable 같은 모델이 더 사려 깊은 시각적 선택을 보인다고 긍정적으로 평가했다.

2. 인간은 전략과 의사결정을 담당한다

   1. 디자인은 조직 내에서 문제 정의, 경쟁 분석, 이해관계자 조율, 가치 제안의 명확성 등 인간 중심의 작업이다.
   2. 다음 트렌드를 창조하고 한계를 밀어내는 것은 여전히 인간의 몫이다.
   3. 스티븐은 에이전트가 언젠가 취향을 학습할 수도 있지만, 조직의 맥락과 의사결정을 대체하지는 못할 것이라고 본다.

---

4. Paper의 회사 철학과 운영 방식

4.1. 창업 동기와 시장 접근

1. 창업자-시장 적합성

   1. 스티븐은 크리에이티브 전문가를 위한 도구를 만드는 것을 좋아해 창업했다.
   2. 그는 "어차피 할 일"을 창업으로 삼는 것이 가장 좋은 시작점이라고 강조한다.
   3. 시장과 경쟁자보다 먼저 자신의 열정과 강점이 있는 분야를 선택해야 한다.

2. 제품 출시 전에도 가치 공유로 커뮤니티 형성

   1. Paper는 제품이 없던 첫 해에도 팟캐스트와 트위터로 디자인 가치를 이야기하며 약 25,000명의 팔로워를 모았다.
   2. 사용자가 제품의 부족한 부분을 용서할 정도로 가치관이 일치하면 커뮤니티가 응원한다.
   3. 스티븐은 사람들이 Paper 머천다이즈를 입고 다니는 것을 보는 것이 가장 재미있고 보람차다고 말했다.

4.2. 작은 엘리트 팀과 품질 중심

1. 12명의 소수 정예 팀

   1. 소규모 팀은 인재 기준을 높게 유지할 수 있다.
   2. 인원이 적을수록 커뮤니케이션 부담과 비용이 줄어든다.
   3. 스티븐은 요즘 기업을 이렇게 구성하는 것이 좋다고 조언한다.

2. 모든 코드를 인간이 리뷰

   1. Paper는 코딩 에이전트를 활용하면서도 모든 코드를 인간이 한 줄씩 읽는다.
   2. 디자인 도구는 120fps, 안정성, 정밀함이 필요하므로 아직 에이전트만으로는 부족하다.
   3. 보통 여러 명의 인간이 한 줄씩 읽으며, 품질을 최우선으로 둔다.

3. 에이전트는 보조 도구로 활용

   1. 핵심 제품 개발은 인간 중심으로 유지한다.
   2. 마케팅 사이트, 비디오, 셰이더 라이브러리 등 부문에서 에이전트를 활용해 속도를 낸다.
   3. Agu라는 브랜드 디자이너가 Paper를 사용해 약 일주일 만에 Next.js 마케팅 사이트를 디자인하고 출시한 사례가 소개되었다.

4.3. 이전 경험에서 얻은 교훈

1. 첫 회사 Modules와 Radix UI

   1. 스티븐의 첫 회사 Modules는 디자인-개발 핸드오프를 해결하려 했다.
   2. 그 과정에서 부산물로 Radix UI를 만들었고, 이는 기본 React 컴포넌트 라이브러리로 자리 잡았다.
   3. Radix UI는 뛰어난 제품-시장 적합성을 가졌지만 벤처 스케일로 확장되지 않아 무료로 공개했다.

2. WorkOS 인수와 Paper의 시작

   1. Modules는 인증 및 신원 회사인 WorkOS에 인수되었다.
   2. Paper는 WorkOS의 인증 서비스를 사용한다.
   3. 인수 후 몇 년 뒤 스티븐은 크리에이티브 도구 분야로 돌아와 Paper를 시작했다.

3. Make something people want

   1. 스티븐은 제품을 과하게 복잡하게 만들지 말아야 한다고 강조한다.
   2. 다음 단계의 병목을 파악하고 가장 단순한 방법으로 해결하는 것이 중요하다.
   3. 초기 Paper의 병목은 대화 참여였기 때문에 팟캐스트와 트위터로 가치를 공유했다.

4.4. 병목 중심 전략과 매일 사용자 대화

1. 병목 중심

   1. 초기 병목은 대화 참여였기 때문에 팟캐스트와 트위터로 가치를 공유했다.
   2. 현재 병목은 댓글과 컴포넌트 같은 테이블 스테이크 기능이 부족한 것이므로 이를 집중적으로 개발한다.
   3. 병목을 풀어야 비즈니스가 다음 단계로 나아갈 수 있다.

2. 매일 디자이너와 대화

   1. 첫 해 동안 스티븐은 매일 한 명의 디자이너와 대화하는 규칙을 지켰다.
   2. 사용자 대화는 의사결정의 질을 높이고, 직원 전체가 정보에 기반한 결정을 내리게 한다.
   3. Paper는 신규 입사자가 Discord나 Slack에서 사용자와 직접 대화하도록 onboard한다.

3. 정보에 기반한 조직 의사결정

   1. 스티븐은 12명의 조직에서도 모든 결정을 내릴 수 없다고 말한다.
   2. 직원들이 사용자와 가까이 있을수록 더 나은 결정을 내릴 수 있다.
   3. 성공한 기업의 역사는 좋은 의사결정의 연속이라며, 정보에 기반한 직원들이 중요하다고 강조한다.

---

5. 디자인의 미래와 Paper의 방향

5.1. 디자인에서 인간의 역할

1. 디자인은 인간 조직의 의사결정 과정

   1. 디자인의 본질은 픽셀보다는 문제 정의, 경쟁 분석, 이해관계자 조율, 가치 제안의 명확성 등 인간 중심의 작업이다.
   2. 에이전트는 이런 조직적 맥락을 이해하지 못하며, 픽셀을 출력하는 매개체에 불과하다.
   3. 소프트웨어가 더 많이 만들어질수록 디자인의 필요성은 오히려 늘어날 것이다.

2. 모델의 취향 발전과 한계

   1. Fable 같은 모델은 더 사려 깊은 시각적 선택을 보여준다.
   2. 모델이 전술적인 디자인 실수를 줄이는 것은 가능하지만, 다음 트렌드를 창조하는 것은 여전히 인간의 몫이다.
   3. 스티븐은 에이전트가 언젠가 더 나아질 수 있지만, 인간은 디자인의 핵심 요소로 남을 것이라고 본다.

5.2. Paper의 다음 단계

1. 테이블 스테이크 기능

   1. Paper는 컴포넌트, 댓글 등 사용자가 기대하는 기본 기능을 보강하고 있다.
   2. 현재 Paper는 컴포넌트가 없지만, 코드베이스가 진실의 원천이므로 필요한 것을 불러오는 방식으로 작동한다.
   3. 사용자들이 Paper의 부족한 기능을 용서하는 이유는 가치관과 품질에 대한 신뢰 때문이다.

2. 프로토타입 조직화

   1. 사용자가 Vercel이나 HTML 파일로 만든 프로토타입을 Paper 캔버스의 iframe으로 가져와 정리할 수 있게 할 계획이다.
   2. 캔버스에서 댓글을 달며 피드백 사이클을 관리할 수 있다.
   3. 이는 바이브 코딩으로 만들어진 산출물들이 정리되지 않고 흩어지는 문제를 해결하는 큰 잠재력을 가진다.

---

주요 발언 모음

"The agents can speed you up. They can save you a lot of work, and they can do tasks like translation or resizing for you. But we're big believers in the human element of design and how important that is." "Paper is a design tool first. It's a human design tool first that happens to be really really good with agents." "If you build a great handoff for humans, you've also built a great handoff for agents, because agents understand HTML and CSS, and it's in their training data." "I don't think you should do it because I don't think it helps you stand out from the crowd. I think it makes you look like one of a million other projects." "A lot of design is deleting. It's nice to overbuild and then pull it back." "Models love bold. They love bold styles and really try to pull your font weights back as light as you can get." "We use agents for coding quite a bit, but we still read our code. We read all of our code every single line." "Designers need 120 FPS. It needs to be fast. It needs to work every single time." "We didn't have a product for the first year and we still got to about 25,000 Twitter followers just by talking about our values." "What does my company need next? What would be the best thing that possibly could happen to my company right now? And then just do the most straightforward thing you can possibly do to get there." "You can kind of look at successful companies and trace their decisions backwards in time. That decision was really good." "The software will ship whether the designer gets a chance to make it better or not. It's just kind of a reality of the competitive landscape." "A lot of design is a very human problem and the pixels at the end are like the output of the process."

핵심 데이터 & 수치

• 팀 규모: Paper는 현재 약 12명의 디자이너와 엔지니어로 구성되어 있다.
• 팔로워: 제품 출시 전 첫 해에도 팟캐스트와 트위터로 디자인 가치를 공유하며 약 25,000명의 Twitter/X 팔로워를 확보했다.
• 에이전트 모델: Fable(취향), Cursor Composer 2.5(속도·정밀함), GPT-5.5(데모용), Conductor, Cursor 등을 사용한다.
• 디자인 규칙: 글꼴 크기 3개, 볼드 최소화, 대비 확보, 불필요한 위젯 삭제.
• 팀 문화: 모든 코드를 인간이 한 줄씩 읽고, 신규 입사자는 Discord/Slack에서 사용자와 직접 대화해야 한다.
• 이전 사례: 첫 회사 Modules에서 Radix UI를 만들고 WorkOS에 인수되었으며, Paper는 WorkOS의 인증 서비스를 사용한다.
• AI tells: 볼드체 남용, 5-8개 글꼴 크기, 작은 대문자 키커, 보라색 그라데이션, 2픽셀 사이드 스우프, 카드/뱃지/아이콘/알약 남용, 기본적 다크 모드.

결론 및 시사점

• Paper는 에이전트가 이해하는 기술 스택(HTML/CSS) 위에 인간 디자이너가 작업하는 도구로, 에이전트와 인간의 강점을 모두 활용한다.
• AI 생성 디자인의 품질을 높이려면 인간의 미적 감각으로 볼드체, 글꼴 크기, 여백, 대비, 불필요한 장식 요소를 정리해야 한다.
• 에이전트는 변형 생성과 반복 작업에서 강력하지만, 최종 브랜드의 신뢰성과 차별화를 결정하는 것은 여전히 인간이다.
• 소규모 정예 팀, 매일 사용자 대화, 병목 중심 전략, 가치 공유를 통한 커뮤니티 형성은 AI 네이티브 팀에게도 여전히 유효한 원칙이다.
• 디자인 도구의 미래는 단순한 생성을 넘어, 프로토타입 조직화, 댓글 기반 피드백, 코드베이스와 디자인의 단일 진실 공원을 만드는 방향으로 진화할 것이다.