DADAEGU AI

Wonder 디자인 코드 연결, AI 크레딧 대신 내 구독을 붙이자 1인 월 비용 중 Wonder 몫은 7~48%

디자인 도구 Wonder가 10월 27일 개편에서 AI 크레딧 판매를 접고, 사용자가 이미 낸 Claude Code·Codex 구독을 그대로 붙이게 했습니다. 다대구가 요금표를 맞붙여 보니 한 사람 월 비용에서 Wonder가 차지하는 몫은 7~48%로 줄어듭니다.

Wonder는 10월 27일 “에이전트와 같은 캔버스에서 디자인하고 코딩한다”는 개편을 내놓았습니다. 실행 중인 앱을 캔버스 위에 띄워 버튼을 옮기고 문구를 고치면, 붙여 둔 에이전트가 그 변경을 실제 코드에 옮겨 적는 방식입니다.

그런데 이번 개편에서 더 크게 바뀐 건 돈 받는 방식입니다. Wonder는 앱 안에서 사는 AI 크레딧을 없애고, 에이전트는 사용자의 기존 구독으로 돌게 했습니다. 디자인 도구가 AI 사용량을 팔지 않겠다고 선언한 셈입니다.

1. 실행 중인 앱을 디자인처럼 고칩니다

개편 공지에 따르면 Wonder 데스크톱 앱 안에 Claude Code와 Codex가 들어갑니다. 에이전트는 사용자의 컴퓨터에서 돌고, 사용자가 쓰던 스킬과 도구도 그대로 따라옵니다.

캔버스 옆에서는 내 앱이 실제로 돌아갑니다. 휴대폰·태블릿·데스크톱 크기로 눌러 볼 수 있고, 화면 요소를 옮기거나 크기와 스타일, 문구를 바꾸면 에이전트가 코드에 반영합니다. 앱의 한 부분을 편집 가능한 레이어로 떠 와서 그 위에 시안을 올려 보는 기능도 있습니다.

에이전트는 코드를 바로 덮어쓰지 않습니다. Wonder는 사용자가 계획을 승인한 뒤에만 새 브랜치에 수정 제안(풀 리퀘스트)을 연다고 밝혔습니다. 화면을 고치는 일과 제품에 합치는 일 사이에 승인 단계가 한 번 끼는 구조입니다.

2. 에이전트 여러 개를 동시에 돌립니다

채팅 하나마다 프로젝트 사본(worktree)을 따로 씁니다. 에이전트 둘이 같은 파일을 동시에 건드려 서로 꼬이는 일을 막기 위해서입니다.

에이전트에 줄 권한도 고를 수 있습니다. 하나하나 먼저 묻게 할 수도 있고, 전부 맡길 수도 있습니다. 완성 전에 다른 모델에게 검토를 맡기는 ‘두 번째 의견’ 기능과, 프로젝트와 디자인 취향을 기억하는 기능도 들어갔습니다.

개편은 갑자기 나온 게 아닙니다. Wonder는 9월 10일 그리드 레이아웃과 웹 화면을 레이어로 떠 오는 Wonder Capture를 내놓았고, 10월 18일까지 이어진 업데이트에서 앱을 꺼 둬도 에이전트가 작업하는 헤드리스 MCP를 붙였습니다. 7주 사이 세 번째 큰 업데이트가 이번 개편입니다.

연결 통로는 MCP입니다. Wonder는 Cursor, Claude Code, Claude Desktop, Codex, Antigravity, Lovable 연결 안내를 따로 두고 있고, 그 밖의 MCP 도구도 붙을 수 있다고 적었습니다.

3. 크레딧 대신 남는 비용은 에이전트 구독입니다

요금은 두 가지입니다. 무료는 편집자 1명에 AI가 만드는 레이어가 일주일 3,000개까지입니다. Pro는 편집자당 월 20달러, 1년치를 한 번에 내면 월 16달러이고, 레이어 제한이 없으며 이미지·벡터 생성과 실행 앱 공유가 붙습니다.

에이전트 비용은 따로 나갑니다. 다대구는 Wonder 요금에 Anthropic의 Claude 개인 요금을 더해 한 사람이 한 달에 내는 돈을 계산했습니다. Claude Pro는 연간 결제 시 월 17달러, Max는 월 100달러, Ultra는 월 200달러입니다.

Wonder 요금제와 Claude 구독을 합친 한 사람 월 비용 비교
그래프: 다대구

Wonder Pro에 Claude Pro를 붙이면 월 33달러로, 그중 Wonder 몫이 48%입니다. Claude Max와 묶으면 116달러 중 14%, Ultra와 묶으면 216달러 중 7%로 내려갑니다. 무료 요금제에 Claude Pro만 쓰면 17달러가 전부입니다.

피그마와 견주면 차이가 분명합니다. 피그마 요금표는 무료 Starter에 하루 150, 한 달 최대 500 AI 크레딧을, Professional 정식 좌석에 한 달 3,000 크레딧을 줍니다. 디자인 도구가 AI 사용량을 크레딧으로 쪼개 파는 쪽과, 아예 손을 떼는 쪽으로 길이 갈렸습니다.

저는 이 구조가 디자인 도구 경쟁의 축을 옮긴다고 봅니다. 도구 값이 에이전트 구독 옆의 작은 항목이 되면, 사용자는 어떤 도구가 싼지보다 이미 내고 있는 에이전트를 어디에 붙이느냐로 고르게 됩니다.

4. 무료 3,000개는 넉넉할까

무료 한도 3,000개는 한 달로 치면 약 1만 3,000개입니다. 레이어를 새로 만들거나 복제하거나 생성하는 것만 세고, 읽기·이름 바꾸기·삭제는 세지 않습니다. 한도에 닿으면 에이전트가 언제 다시 풀리는지 알려 줍니다.

Wonder가 직접 만든 경쟁 도구 Paper와의 비교표에는 Paper 무료 요금제가 일주일 100번의 MCP 도구 호출로 적혀 있습니다. 세는 단위가 레이어와 호출로 달라서 30배 차이로 바로 읽으면 안 됩니다. 비교표를 만든 쪽이 Wonder라는 점도 감안해야 합니다.

무료 요금제에는 조건이 하나 더 붙어, 작업 공간 주인만 편집하고 다른 구성원은 파일을 읽기만 합니다. 혼자 시험해 보기엔 충분하지만 팀이 같이 쓰려면 Pro가 필요합니다. Pro도 이미지·벡터 생성에는 사람마다 한 달 사용량이 따로 정해져 있습니다.

5. 코드는 내 컴퓨터에, 디자인 파일은 Wonder 서버에

보안을 따지는 팀이라면 이 구분을 먼저 알아 두는 게 좋습니다. Wonder는 저장소를 사용자 컴퓨터에 내려받아 그 안에서 에이전트가 코드를 읽고 고치며, 코드를 자사 서버에 저장하지 않는다고 밝혔습니다.

디자인 파일은 다릅니다. MCP 안내서에는 에이전트가 Wonder 서버에 있는 파일을 다루기 때문에 앱을 꺼 둬도 작업이 이어진다고 적혀 있습니다. 캔버스로 떠 온 화면과 디자인 토큰은 Wonder 서버의 파일에 담긴다고 보는 게 맞습니다.

피그마 작업을 옮겨 오는 건 복사해 붙여 넣는 방식입니다. 선택한 영역이 편집 가능한 레이어가 되는데, 피그마 컴포넌트와 인스턴스의 연결은 풀린다고 안내합니다. 화면 모양은 넘어와도 디자인 시스템 구조까지 따라오지는 않습니다.

피그마 이미지는 아직 빈 틀로 들어오고, 피그마 변수는 Wonder 파일에 같은 이름의 변수가 있으면 자동으로 이어집니다.

6. 써 본 사람들의 반응과 처음 시험해 볼 순서

아직 반응 규모는 작습니다. Claude Code용 Wonder 플러그인 공개 저장소는 11월 6일 기준 GitHub 스타 21개, 포크 2개이고, Wonder 공식 X 계정 팔로워는 1만 1,030명입니다.

개편 뒤 일주일 사이 연결 소식이 이어졌습니다. Wonder는 11월 2일 OpenAI와 함께 Codex 공식 플러그인을, 11월 3일 앤트로픽과 함께 Claude 공식 MCP 커넥터를 냈다고 X에 알렸습니다. 두 게시물 조회는 각각 6,973회, 9,564회로, 개발 시간이 얼마나 줄었는지는 회사도 사용자도 아직 숫자로 내놓지 않았습니다.

처음 시험한다면 자주 고치는 화면 하나로 왕복을 끝까지 해 보는 게 흔히 쓰는 방법입니다. 문구나 간격처럼 눈으로 확인하기 쉬운 변경을 정하고, 캔버스 모양, 실제 앱에서 눌렀을 때 동작, 저장소에 생긴 수정 내용을 차례로 봅니다. 에이전트 권한은 처음엔 ‘먼저 묻기’로 두는 편이 안전합니다.

앞서 다룬 Claude Max·Ultra 구독자 API 크레딧 글처럼 에이전트 구독 쪽 혜택은 계속 커지고 있습니다. 아마 다른 디자인 도구들도 크레딧을 쪼개 파는 대신 사용자의 구독을 받아 쓰는 쪽으로 따라올 겁니다.

출처: Wonder 변경 기록, Introducing the new Wonder (2026-10-27), Wonder 요금, Wonder MCP 안내서, Wonder vs Paper, Claude 요금, Figma 요금, Wonder 피그마 가져오기 안내, GitHub aquila-lab/wonder-plugins, Wonder X(@usewonder, 2026-11-02·11-03). 요금과 수치는 2026-11-06 조회

본문 그래프 1점은 Wonder·Anthropic 공식 요금표로 다대구가 직접 계산·작성했습니다. 대표 이미지: 다대구 생성 이미지.

같은 분야 다른 글

  1. 0112일 사이 Claude Code 주역 3명이 떠났다,캣 우 오픈AI행과 상장 신고서 날짜를 겹쳐 보니…07:00
  2. 02GPT-6 Astra,‘안전 연구’라고 적자 과제 완성도 16%→10%… 생각 기록으로 잡힌 건 격차의 5분의 1…08:00
  3. 03앤트로픽 AI 안전 연구,평범한 훈련 데이터가 위험해지는 이유…06:00
  4. 04텐센트 Hy4 점수표를 다시 계산해 보니,업무 과제는 최상위의 95%·가격은 8분의 1·연구 수학은 13%…08:00
  5. 05terminal-mac 코드 2,498줄을 역할별로 나눠 보니, 39%는 터미널 화면·에이전트 도구는 6.5%… 별은 하루 752개…07:00
  6. 06Vercel ai-cli 기본 모델 5개를 AI Gateway 목록과 대조해 보니,무보관 확정은 0개·이미지 모델은 39개 중 5개…08:00