대안 · Pencil.dev
디자인을 위한 최고의 Pencil.dev 대안.
Open Design은 Pencil에 대한 완전한 오픈 소스, 로컬 우선 대안입니다 — 이미 사용하는 코딩 에이전트로 구동하는 에이전트 네이티브 디자인 워크스페이스로, 당신의 키, 당신의 파일, 그리고 저장소에 보관하는 이식 가능한 디자인 시스템을 씁니다.
Pencil(pencil.dev)은 a16z Speedrun에서 나온 에이전트 기반 디자인 도구로, Figma 유사 벡터 캔버스를 IDE 안에 넣고 그 디자인을 Git으로 버전 관리되는 저장소 안의 .pen JSON 파일로 보관합니다. 로컬 MCP 서버가 당신의 코딩 에이전트로 하여금 그 파일들을 읽고 쓰게 하므로, 프롬프트가 편집 가능한 UI가 되고 이후 그것을 코딩 에이전트에게 넘겨 프로덕션 코드를 얻을 수 있습니다. 2026년 초에 공개적으로 출시되어 10만 명의 사용자를 넘겼고 정말로 훌륭합니다 — 다만 앱 자체는 클로즈드 소스이고, 무엇보다 Claude에 맞춰져 있으며, 얼리 액세스 동안에만 무료라는 함정이 있습니다.
Open Design은 완전한 오픈 소스, 로컬 우선 대안입니다: 자신의 코딩 에이전트(Claude Code, Codex, Cursor, Gemini, OpenCode, Qwen)를 BYOK로 향하게 하는 에이전트 네이티브 디자인 워크스페이스입니다. 이 둘은 유난히 비슷합니다 — 둘 다 에이전트 기반이고, 둘 다 디자인을 저장소 안의 파일로 보관합니다. 차이점은 소유권과 범위입니다: Open Design에서는 앱 전체가 Apache-2.0이며(문서화된 포맷만이 아니라), BYOK는 공급자 중립적이고, 출력은 UI, 덱, 프로토타입, 그리고 이식 가능한 DESIGN.md에 걸칩니다. 이 페이지는 Pencil이 진정으로 앞서는 지점에 대해 솔직합니다.
01
Pencil이란
Pencil(pencil.dev)은 ‘캔버스에서 디자인하고, 코드로 착지하라’입니다 — IDE와 코드베이스 안에서 동작하는 무한 벡터 디자인 캔버스로, Tom Krcha(이전에 Around를 만들었고 Around는 Miro에 인수됨)가 제작했고 a16z Speedrun이 투자했습니다. 그 디자인 파일은 오픈되어 문서화된 .pen JSON 포맷을 사용하며 Git 하에 저장소 안에 존재하고, 로컬 MCP 서버가 AI 에이전트로 하여금 그것들을 읽고 쓰게 합니다. 캔버스에 프롬프트하거나 그린 뒤, 디자인을 코딩 에이전트(Claude Code 등)에게 넘겨 당신의 스택과 일치하는 프로덕션 컴포넌트를 생성합니다.
디자인 표면으로서 Pencil은 세련되었습니다: 레이어가 있는 실제 벡터 캔버스, 속성 인스펙터, 드래그 앤 드롭 컴포넌트, 캔버스 위에 직접 배치하는 프롬프트 블록, 레이어와 오토 레이아웃을 보존하는 네이티브 Figma 복사-붙여넣기, 그리고 내장 UI 키트(Shadcn, Lunaris, Halo, Nitro). 수동 캔버스 편집은 에이전트 토큰을 소비하지 않습니다.
선택하기 전에 알아야 할 것: Pencil 애플리케이션은 클로즈드 소스이며(.pen 포맷만 문서화되어 있고, 변경될 수 있음), Claude Code에 최적화되어 다른 모델에서는 경험이 더 약하며, 얼리 액세스 동안에만 무료이고(창업자들에 따르면 ‘무료는 비즈니스 모델이 아니다’), 리뷰어들은 여전히 초기 단계라고 지적합니다 — 간헐적 크래시와 자동 저장 부재.
- 벤더: Pencil(pencil.dev), a16z Speedrun — 클로즈드 소스 앱, 약 10만 명의 사용자, 2026년 초 출시
- 런타임: 로컬 데스크톱 앱 + IDE 확장(Cursor / VS Code / Windsurf) + 로컬 MCP 서버
- 디자인 파일: 저장소 안의 오픈 .pen JSON 포맷, Git으로 버전 관리
- 모델: 여러 에이전트와 MCP 연동, Claude Code에 최적화; 자신의 에이전트 구독을 가져옴
- 가격: 얼리 액세스 동안 무료, 아직 공개된 상한 없음 — 유료 요금제 예고
02
Open Design vs Pencil, 기능별 비교
| 기능 | Open Design | Pencil(pencil.dev) |
|---|---|---|
| 라이선스 | Apache-2.0 — 앱 전체가 오픈 소스 | 클로즈드 소스 앱; .pen 포맷만 문서화됨 |
| 런타임 | 로컬 데몬 + 데스크톱 앱 | 로컬 데스크톱 앱 + IDE 확장 + 로컬 MCP 서버 |
| 디자인 파일 | 저장소 안의 파일(Git): DESIGN.md, 산출물 | 저장소 안의 .pen JSON 파일(Git) |
| 계정 | 필요 없음; 로컬에서 실행 | 계정 / 로그인(얼리 액세스) |
| 가격 | 무료 및 오픈 소스; 자신의 모델 사용료 | 얼리 액세스 동안 무료; 유료 요금제 예고 |
| 모델 | BYOK, 공급자 중립 — Claude, Codex, Cursor, Gemini, Qwen | 여러 에이전트와 MCP 연동, Claude Code에 최적화 |
| 주요 표면 | 에이전트 기반(프롬프트 → 산출물) + 웹 UI | 직접 편집하는 Figma 유사 벡터 캔버스; MCP를 통한 에이전트 |
| 출력 | UI, 랜딩 페이지, 덱, 프로토타입, 디자인 시스템 | UI 화면/컴포넌트 → 코드(저장소와 일치) |
| 디자인 시스템 | 모든 스킬이 강제하는 이식 가능한 DESIGN.md | 변수/컴포넌트 + 내장 UI 키트(Shadcn, Lunaris…) |
| Figma 가져오기 | 에이전트를 통해(붙여넣기/스크린샷 → DESIGN.md) | 네이티브 복사-붙여넣기(레이어, 오토 레이아웃 보존) |
| 협업 | 단일 사용자 로컬; 에이전트 기반 | 사람 간 멀티플레이어 없음; SWARM = 다수의 AI 에이전트 |
| 셀프 호스팅 / 포크 | 가능(Apache-2.0) | 불가 — 앱이 클로즈드 소스 |
| 성숙도 | 안정 릴리스 | 얼리 액세스 — 크래시, 자동 저장 부재 보고됨 |
솔직하게 읽어봅시다: Pencil은 손 조작 캔버스에서 앞섭니다 — IDE 바로 안에서, 네이티브 Figma 붙여넣기와 내장 UI 키트를 갖춘, 직접 편집하는 성숙한 Figma 유사 표면. Open Design은 소유권과 범위에서 앞섭니다 — 앱 전체가 오픈 소스이고(파일 포맷만이 아니라), BYOK는 Claude 우선이 아니라 공급자 중립적이며, ‘무료’는 당신을 수익화할 벤더가 없으므로 계속 무료로 유지되고, 출력은 UI, 덱, 프로토타입, 그리고 당신이 보관하는 파일로서의 이식 가능한 디자인 시스템에 걸칩니다.
03
팀이 Pencil 대안을 찾는 이유
Pencil은 IDE 안에서 디자인하는 강력한 방법이며, ‘디자인하는 개발자’ 다수에게 훌륭한 선택입니다. 그럼에도 사람들이 대안을 찾는 이유는 얼리 액세스 허니문 이후에 일어나는 일 주위에 몰려 있습니다 — 소유권, 공급자 종속, 그리고 범위.
- 앱은 닫혀 있고, 포맷만 열려 있다: Pencil의 .pen 포맷은 문서화되어 있지만, 애플리케이션은 클로즈드 소스이며 a16z 투자를 받았고, 포맷 사양은 변경할 권리를 유보합니다. Open Design은 처음부터 끝까지 Apache-2.0입니다 — 포크하고, 감사하고, 셀프 호스팅하며, 그것이 만드는 모든 산출물을 소유합니다.
- ‘무료’에는 만료일이 있다: Pencil은 얼리 액세스 동안 무료이지만, 창업자들은 ‘무료는 비즈니스 모델이 아니다’라고 명시합니다. 유료 요금제와 제한이 오고 있습니다. Open Design은 오픈 소스이기 때문에 무료입니다; 당신은 오직 자신의 모델 사용료만 냅니다.
- Claude 우선이다: Pencil은 여러 에이전트를 MCP로 연결하지만 Claude Code에 맞춰져 있으며, 다른 곳에서는 경험이 더 약합니다. Open Design은 공급자 중립적 BYOK입니다 — Claude, Codex, Cursor, Gemini, OpenCode, Qwen 모두 일급입니다.
- UI-투-코드 이상을 원한다: Pencil은 UI → 코드에 집중합니다. Open Design은 같은 브랜드로부터 UI, 랜딩 페이지, 덱, 프로토타입, 그리고 이식 가능한 DESIGN.md 디자인 시스템을 렌더링하며, 모두 당신의 저장소 안의 파일입니다.
04
오픈 소스 + BYOK, 설명
두 도구 모두 로컬 우선이며 디자인을 저장소 안의 파일로 보관합니다 — 그 부분은 공통된 지점입니다. Open Design이 다른 점은 문서화된 파일 포맷만이 아니라 애플리케이션 전체가 Apache-2.0이라는 점이며, 따라서 포크하고, 감사하고, 셀프 호스팅할 수 있습니다. 당신의 브랜드는 모든 스킬이 존중하는 이식 가능한 DESIGN.md로 저장소 안에 존재합니다.
또한 당신은 공급자 중립적으로 자신의 에이전트 키를 가져옵니다. 자격 증명은 로컬 설정이나 환경 변수에 남으며 — Open Design은 결코 그것을 프록시하지 않습니다 — API 사용료는 얼리 액세스 이후의 벤더 상한 없이 당신 공급자의 요율로 당신에게 직접 청구됩니다.
이 개념이 처음인가요? 바이브 디자인이 무엇인지 읽고, 플러그인 및 디자인 시스템 라이브러리를 둘러보고, 모든 Open Design 비교를 보세요 — Figma와 Google Stitch 포함 — 또는 Open Design을 다운로드하여 사용해 보세요.
05
Pencil이 진정으로 앞서는 지점 — 그리고 무엇을 선택할까
마땅히 인정할 것: 디자인 표면으로서 Pencil은 뛰어납니다. 손으로 직접 편집하는 실제 Figma 유사 벡터 캔버스입니다 — 레이어, 속성 인스펙터, 드래그 앤 드롭 컴포넌트, 그리고 캔버스 위에 직접 배치하는 프롬프트 블록 — 레이어와 오토 레이아웃을 유지하는 네이티브 Figma 복사-붙여넣기에, 내장 UI 키트(Shadcn, Lunaris, Halo, Nitro)까지. 그리고 이 모든 것이 IDE 바로 안에 존재하므로, 디자인하는 개발자는 Cursor나 VS Code를 결코 떠나지 않습니다. 당신이 원하는 것이 직접 조작할 세련된 캔버스라면, Pencil의 표면은 오늘날 Open Design의 에이전트 우선 흐름보다 더 성숙합니다. 트레이드오프는 그 주위의 모든 구조적인 것입니다: 클로즈드 소스 앱, Claude 우선 튜닝, 그리고 창업자들이 지속되지 않을 것이라고 말한 ‘무료’.
실제로 하고 싶은 것에 따라 빠르게 결정하는 방법 — 둘이 겹치므로, 솔직한 구분이 중요합니다:
| 원하는 것이… | 최선의 선택 |
|---|---|
| 포크/셀프 호스팅할 수 있는 오픈 소스로서 도구 전체를 소유 | Open Design |
| 얼리 액세스 이후 벤더 상한 없이 ‘무료’를 무료로 유지 | Open Design |
| 공급자 중립적 BYOK 사용(Claude 우선 아님) | Open Design |
| UI + 덱 + 프로토타입 + 디자인 시스템 렌더링 | Open Design |
| 성숙한 Figma 유사 벡터 캔버스를 손으로 편집 | Pencil |
| 레이어와 오토 레이아웃을 유지한 채 Figma에서 붙여넣기 | Pencil |
| Cursor / VS Code 안에서 인라인으로 디자인 | Pencil |
06
Pencil에서 Open Design으로 디자인 옮기기
두 도구 모두 디자인을 저장소 안의 파일로 보관하므로, 씨름할 손실 있는 클라우드 내보내기가 없습니다 — 옮겨오는 일은 디자인 우선입니다. 브랜드를 한 번 추출하면 이후의 모든 렌더링이 그것을 상속합니다.
- 다운로드 페이지에서 Open Design을 설치하고 자신의 에이전트 키(Claude Code, Codex, Cursor, Gemini, OpenCode, Qwen)를 가져옵니다.
- 유지하고 싶은 룩을 가진 Pencil 내보내기, Figma 붙여넣기, 또는 스크린샷으로 에이전트를 향하게 합니다.
- 에이전트에게 브랜드 — 색상, 타이포그래피, 간격 — 를 저장소 안의 DESIGN.md 파일로 추출하도록 요청합니다.
- 스킬을 하나 골라 새 브랜드에 맞춰 렌더링하여 일치하는지 확인합니다.
그때부터 모든 스킬은 당신의 브랜드로 렌더링됩니다 — 그리고 UI, 코드, 디자인 시스템은 저장소에 남습니다, 버전 관리 하에 당신이 소유하는 파일로.
FAQ
FAQ
-
01 Pencil(pencil.dev)은 오픈 소스인가요?
앱은 아닙니다. Pencil은 클로즈드 소스이며 a16z 투자를 받은 제품입니다; ‘오픈’인 것은 .pen 파일 포맷으로, 문서화되어 있지만 변경될 수 있습니다(팀이 호환성을 깨는 변경을 할 권리를 유보함). Open Design은 Apache-2.0 하에 완전한 오픈 소스입니다 — 파일 사양만이 아니라 애플리케이션 전체가 그러하며 — 셀프 호스팅이 가능합니다.
-
02 Pencil.dev은 무료인가요?
오늘은 무료이지만, 명시적으로 얼리 액세스 상태입니다. 창업자들은 ‘무료는 비즈니스 모델이 아니다’라고 말하며 향후 유료 요금제와 제한을 예고했습니다. Open Design은 오픈 소스이기 때문에 무료입니다; 자신의 에이전트 키를 가져오므로 모델 사용료는 벤더가 정한 상한 없이 당신에게 청구됩니다.
-
03 Open Design과 Pencil의 차이는 무엇인가요?
둘은 가깝습니다 — 둘 다 에이전트 기반이고 디자인을 Git 하에 저장소 안의 파일로 보관합니다. 차이점: Open Design은 완전한 오픈 소스이며(오픈 포맷만이 아니라 Apache-2.0), 공급자 중립적 BYOK이고(주로 Claude에 맞춰져 있지 않음), 더 넓은 범위의 산출물(UI, 덱, 프로토타입, 디자인 시스템)을 렌더링합니다. Pencil은 더 성숙한 손 조작 벡터 캔버스와 네이티브 Figma 붙여넣기를 제공합니다.
-
04 Pencil은 Claude 외의 에이전트와 작동하나요?
네 — 여러 에이전트를 MCP로 연결합니다(Cursor, Windsurf, Codex 등), 하지만 Claude Code에 최적화되어 있으며 리뷰어들은 다른 모델에서 경험이 더 약하다고 보고합니다. Open Design은 Claude, Codex, Cursor, Gemini, OpenCode, Qwen을 일급으로 취급합니다.
-
05 Open Design은 Pencil과 제휴 관계인가요?
아니요. Open Design은 독립적인 오픈 소스 프로젝트입니다(github.com/nexu-io/open-design, Apache-2.0). Pencil은 pencil.dev에 있는 별개의, a16z 투자를 받은 제품입니다; 이것은 제휴 관계가 없는 비교입니다.
파일 포맷만이 아니라 도구 전체를 소유하세요.
저장소에 스타를 누르고, 데스크톱 빌드를 받거나, 터미널에서 설치를 실행하세요. Open Design은 처음부터 끝까지 오픈 소스입니다 — 당신의 UI, 코드, DESIGN.md 시스템은 첫 렌더링부터 저장소에 남습니다.