피그마를 쓰고 있지만, 솔직히 기본 기능만 썼다. 컴포넌트 만들고, 오토레이아웃 쓰고, 프로토타입 연결하는 정도. 플러그인은 뭔가 복잡할 것 같고, 배우기 귀찮다는 생각이 앞섰다.
그런데 어느 순간부터 해외 디자이너들 작업물을 보면서 의문이 생기기 시작했다. 분명히 나보다 속도가 빠른데, 퀄리티도 높다. 어떻게 하는 건지 파고들었더니 대부분 플러그인 활용 차이였다.
20년 넘게 디자이너로 일하면서 배운 게 하나 있다면, 시간이 곧 돈이라는 것이다. 반복 작업에 시간을 쏟을수록 정작 중요한 의사결정과 크리에이티브에 쓸 에너지가 줄어든다. 이 글에서 소개하는 플러그인 3가지는 그 반복을 대신 해주는 도구들이다.
1. Maps to Design — 주소 하나로 지도를 바로 피그마에 넣는다
이게 왜 필요한가
부동산 서비스, 배달 앱, 여행 플랫폼, 로컬 커머스. 지도가 들어가는 UI는 생각보다 훨씬 많다. 그런데 지금까지 디자인에 지도를 넣으려면 어떻게 했나? 구글 맵 캡처해서 넣거나, 스크린샷 잘라서 넣거나, 그냥 회색 직사각형으로 때웠다.
Maps to Design은 그 과정을 없애버린다.
어떻게 작동하나
사용 방법은 단순하다.
피그마에서 Maps to Design 플러그인 실행
원하는 주소 또는 좌표 입력
지도 스타일 선택 (라이트, 다크, 새틀라이트 등)
피그마 캔버스에 바로 삽입
결과물은 그냥 이미지가 아니라 실제 지도 데이터 기반의 벡터 레이어에 가깝게 들어온다. 줌 레벨도 조정 가능하고, 스타일도 커스터마이즈할 수 있다.
실무에서 이렇게 썼다
얼마 전에 부동산 스타트업 랜딩페이지 작업을 했다. 매물 위치를 보여주는 섹션이 있었는데, 클라이언트가 “실제 동네 느낌이 나야 한다”고 했다. 예전이라면 구글 맵 캡처를 여러 장 찍어서 포토샵에서 색 보정하고, 피그마에 옮기고, 다시 맥락에 맞게 자르고 하는 과정을 거쳤을 것이다.
Maps to Design을 쓰니까 주소 입력하고 스타일 선택하는 데 3분이면 됐다. 다크 모드 버전도 바로 만들었다.
특히 유용한 케이스
배달/라이드헤일링 앱: 출발지-도착지 경로 UI 목업
부동산/숙박 서비스: 매물 위치 표시 디자인
로컬 이벤트 페이지: 행사 장소 지도 삽입
투자 유치용 덱: 서비스 커버리지 시각화
2. HTML to Design — URL 하나면 웹사이트 전체가 레이어로
이게 왜 필요한가
경쟁사 분석을 해야 할 때, 레퍼런스를 정리해야 할 때, 클라이언트가 “이 사이트 참고해서 비슷하게 만들어줘”라고 할 때.
지금까지는 스크린샷 찍고, 잘라내고, 레이어 위에 올려놓고, 투명도 낮춰서 트레이싱하거나 참고했다. 번거롭고, 해상도도 안 맞고, 반응형은 따로 캡처해야 했다.
HTML to Design은 URL만 넣으면 그 웹사이트의 HTML과 CSS 구조를 피그마 레이어로 변환해준다.
어떻게 작동하나
HTML to Design 플러그인 실행
URL 입력
변환 옵션 선택 (페이지 전체 / 섹션 지정)
피그마 레이어 트리로 가져오기
가져온 결과를 보면 꽤 놀랍다. 텍스트는 텍스트 레이어로, 이미지는 이미지 레이어로, 컨테이너는 프레임으로 분리되어 들어온다. 완벽하게 1:1로 옮겨지진 않지만, 작업 출발점으로 쓰기엔 충분하다.
실무에서 이렇게 썼다
클라이언트가 “글로벌 SaaS 사이트들처럼 만들어달라”고 했다. 레퍼런스가 영어 사이트 5개였는데, 각 사이트의 히어로 섹션, 피처 섹션, 프라이싱 섹션을 HTML to Design으로 가져와서 나란히 놓고 비교 분석했다. 그리드 간격, 폰트 사이즈 비율, 버튼 크기 패턴을 비교하니까 클라이언트한테 설명할 때도 훨씬 설득력이 생겼다.
디자인 방향 잡는 데 반나절도 안 걸렸다.
특히 유용한 케이스
경쟁사 벤치마킹: 여러 사이트 한 캔버스에서 비교
레퍼런스 분석: 그리드 시스템, 타이포그래피 스케일 파악
리디자인 작업: 기존 사이트 구조를 베이스로 수정
클라이언트 설득: 레퍼런스를 실제 레이어로 분리해 설명
주의할 점
퍼블릭하게 공개된 웹사이트에서만 사용하는 게 맞다. 저작권 이슈가 있는 소스를 그대로 납품하면 문제가 생기니까, 어디까지나 분석과 참고 용도로만 써야 한다.
3. Wanna This — 클릭 몇 번으로 실제 같은 목업 완성
이게 왜 필요한가
디자인을 다 했는데, 클라이언트한테 보여줄 때 플랫 화면으로만 보여주면 임팩트가 약하다. 특히 앱 디자인의 경우, 실제 폰에 올라가 있는 모습을 보여줘야 “아, 이런 느낌이구나” 하고 실감한다.
기존에는 목업 만들려면 Mockup World 같은 곳에서 PSD 파일 받고, 포토샵에서 스마트 오브젝트에 디자인 끼워넣고, 피그마로 다시 가져오는 과정을 거쳤다. 한 번 만들고 끝나면 괜찮은데, 수정이 생기면 이 과정을 반복해야 한다.
Wanna This는 이 과정을 피그마 안에서 끝낸다.
어떻게 작동하나
내 디자인 프레임 선택
Wanna This 플러그인 실행
원하는 디바이스 목업 선택 (아이폰, 맥북, 아이패드 등)
자동으로 해당 화면에 디자인이 삽입된 목업 생성
고퀄리티 디바이스 이미지에 내 디자인이 자연스럽게 합성되어 나온다. 조명, 그림자, 화면 반사까지 이미 잘 처리되어 있어서 별도 후작업이 거의 필요 없다.
실무에서 이렇게 썼다
포트폴리오를 정리할 때 제일 많이 쓴다. 작업물마다 목업 이미지 하나씩 만들어야 하는데, 예전에는 작업물 10개면 목업 만드는 데만 반나절이 걸렸다. 지금은 Wanna This로 작업물 10개 목업을 1시간 안에 만든다.
클라이언트 제안 덱에 넣을 때도 마찬가지다. “이렇게 만들면 실제로 이렇게 보입니다”를 보여주는 데 목업이 결정적인 역할을 한다.
특히 유용한 케이스
포트폴리오 정리: 일관된 스타일로 작업물 목업 제작
클라이언트 제안서: 실사 느낌의 프레젠테이션
소셜 미디어 공유: 비핸스, 드리블 업로드용 이미지
앱 스토어 스크린샷: 실제 디바이스 화면 합성
세 가지 플러그인 한눈에 비교
플러그인
핵심 기능
가장 유용한 상황
난이도
Maps to Design
주소 → 지도 레이어
위치 기반 서비스 디자인
쉬움
HTML to Design
URL → 피그마 레이어
경쟁사 분석, 레퍼런스 정리
보통
Wanna This
디자인 → 고퀄 목업
포트폴리오, 제안서, 발표
쉬움
본 카드뉴스는 AI 이미지 생성 기술을 활용해 제작되었습니다
플러그인 도입할 때 고려할 것들
플러그인이 편리하다고 무조건 쓰라는 게 아니다. 실무에서 몇 가지 기준을 가지고 있다.
학습 비용 대비 시간 절감 효과를 먼저 따진다. 쓸 때마다 설정이 복잡하고 결과를 많이 수정해야 한다면, 그냥 직접 하는 게 나을 때도 있다. 위 세 가지는 처음 써보는 사람도 10분 안에 익힐 수 있는 수준이라 진입 장벽이 낮다.
팀 작업이라면 공유 가능한지 확인한다. 플러그인 결과물이 피그마 네이티브 레이어로 들어오는지, 외부 연동이 필요한지에 따라 팀 협업 시 복잡해질 수 있다. 위 세 플러그인은 모두 피그마 레이어로 결과가 떨어져서 핸드오프나 협업에 무리가 없다.
개발자 핸드오프 시 주의점도 있다. HTML to Design으로 가져온 레이어는 구조가 지저분할 수 있다. 참고용으로만 쓰고, 실제 개발에 전달할 파일은 따로 정리해서 만드는 게 맞다. Wanna This로 만든 목업도 마찬가지—최종 납품 파일에는 목업이 아닌 실제 디자인 프레임을 전달해야 한다.
마치며
20년 넘게 디자인하면서 가장 크게 든 생각 중 하나는, 도구를 잘 쓰는 것도 실력이라는 것이다. 처음엔 툴에 의존하는 게 실력을 감추는 것처럼 느껴졌는데, 지금은 반대로 생각한다. 반복 작업을 빠르게 처리할 수 있어야 진짜 중요한 판단과 결정에 에너지를 쓸 수 있다.
이 세 가지 플러그인이 모든 프로젝트에 다 맞지는 않는다. 하지만 위치 기반 서비스 디자인하거나, 레퍼런스 분석하거나, 포트폴리오 정리할 일이 있다면 한 번은 써보길 권한다.
한 번 써보면 왜 해외 디자이너들이 이걸 쓰는지 바로 이해가 된다.
이 글이 도움이 됐다면 북마크 해두고, 비슷한 고민을 하는 디자이너 동료에게 공유해 주세요.
포토샵은 오랫동안 학습 곡선이 가파른 툴의 대명사였다. 레이어 개념을 이해하고, 마스크를 쓸 줄 알고, 단축키를 외워야 비로소 “쓸 줄 안다”고 말할 수 있는 툴이었다. 그런 포토샵에 대화창이 생겼다. 채팅창에 “배경을 석양으로 바꿔줘”라고 입력하면 알아서 해준다는 게 Adobe의 설명이다.
이게 단순히 기능 하나 추가된 게 아니다. 편집 방식 자체의 패러다임이 바뀌는 신호다.
Photoshop AI 어시스턴트, 정확히 무슨 기능인가
2026년 3월 10일, Adobe는 포토샵 웹·모바일 버전에서 AI 어시스턴트 퍼블릭 베타를 공식 공개했다. 이전에는 2025년 10월 Adobe MAX에서 처음 공개된 후 한정된 인원을 대상으로 프라이빗 베타로 운영되다가, 이번에 누구나 쓸 수 있게 열렸다.
핵심 기능을 정리하면 이렇다.
자연어 편집 요청: “배경 인물 지워줘”, “하늘을 더 극적으로 만들어줘” 같은 일반 언어로 편집 지시 가능
자동 실행 또는 단계별 안내: AI가 알아서 처리하는 자동 모드와, 사용자가 과정을 따라가며 직접 배우는 가이드 모드 두 가지 지원
새 레이어 생성 방식: 원본을 건드리지 않고 새 레이어를 만들어 작업 결과를 얹는 비파괴 편집 구조
AI 마크업(Markup): 캔버스에 직접 원을 그리거나 대략적인 형태를 스케치하면, AI가 그걸 편집 지시로 해석해 처리
음성 입력 지원(모바일): 모바일에서는 타이핑 없이 말로 요청 가능
기존 툴과 병행 사용 가능: 밝기·대비 같은 슬라이더 조정과 대화형 AI 편집을 자유롭게 오갈 수 있음
현재는 포토샵 웹과 모바일(iOS, Android)에서만 사용 가능하며, 데스크탑 앱 지원은 아직 발표되지 않았다.
본 카드뉴스는 AI 이미지 생성 기술을 활용해 제작되었습니다
이전까지 포토샵이 걸어온 길
AI 어시스턴트가 갑자기 튀어나온 건 아니다. 포토샵은 꽤 오래전부터 자동화 방향으로 조금씩 진화해왔다.
내가 처음 포토샵을 배울 때만 해도, 배경 제거는 그야말로 노가다였다. 펜 툴로 패스를 따고, 레이어 마스크를 씌우고, 가장자리를 다듬는 작업을 몇 시간씩 했다. 그러다 Content-Aware Fill이 나왔을 때, 같은 팀 동료들이 모두 “이게 된다고?”라며 놀랐던 기억이 난다. 없애고 싶은 영역을 선택하면 주변 배경을 분석해 자연스럽게 채워주는 기능이었다.
그다음은 피사체 선택(Select Subject)이었다. 클릭 한 번에 인물이나 오브젝트를 선택해주는 기능인데, 처음엔 반신반의했다가 결과물을 보고 바로 업무에 적용했다. 이후 생성형 채우기(Generative Fill), 생성형 확장(Generative Expand) 같은 AI 기반 기능이 연달아 나오면서 포토샵의 작업 흐름은 빠르게 달라졌다.
AI 어시스턴트는 그 흐름의 종착점처럼 느껴지는 기능이다. 단순히 기능 하나를 자동화하는 게 아니라, 편집 의도 자체를 말로 전달하면 AI가 판단해서 처리하는 구조이기 때문이다.
실제로 어떻게 쓰는가
포토샵 웹(photoshop.adobe.com)에 접속하면 화면 어딘가에 채팅 아이콘이 보인다. 클릭하면 대화창이 열리고, 바로 사용할 수 있다.
예를 들어 이런 식으로 요청할 수 있다.
“배경에 있는 사람 지워줘” “색감을 더 따뜻하게 보정해줘” “주인공을 더 도드라지게 해줘” “하늘을 극적인 구름으로 바꿔줘”
요청을 입력하면 AI 어시스턴트가 해석하고, 결과를 새로운 레이어에 생성해준다. 원본은 그대로 유지되기 때문에 마음에 안 들면 언제든 이전 상태로 돌아갈 수 있다.
AI 마크업 기능은 조금 더 직관적이다. 텍스트 설명 대신 캔버스에 직접 동그라미를 그리거나 대략적인 모양을 스케치하면, AI가 그 표시를 편집 지시로 해석한다. “저기 지워줘”를 말로 설명하는 대신, 직접 그 부분에 X 표시를 그리는 방식이다.
디자이너 관점에서 솔직하게 평가하자면
긍정적인 면부터 말한다.
작업 속도 면에서는 확실히 다르다. 특히 시안 작업이나 목업 수준의 이미지 편집에서 빠르게 결과물을 확인하는 용도로는 탁월하다. 클라이언트와 실시간으로 대화하면서 “이 부분 배경 없애고 색 바꿔보면 어때요?”라는 요청을 그 자리에서 바로 시연할 수 있다는 건 큰 장점이다.
비파괴 레이어 구조도 잘 설계되어 있다. AI 어시스턴트가 작업 결과를 새 레이어로 쌓아주기 때문에, 기존 포토샵 작업 방식과 자연스럽게 연결된다. 레이어 히스토리가 쌓이는 방식도 나쁘지 않다.
그런데 날카롭게 짚어야 할 부분도 있다.
첫 번째, 현재는 웹·모바일 전용이다. 실무 디자이너 대부분은 데스크탑 앱으로 작업한다. 웹 버전 포토샵은 아직 기능 면에서 데스크탑을 따라가지 못하기 때문에, AI 어시스턴트를 쓰기 위해 웹으로 전환하는 건 현실적인 선택이 아니다. 데스크탑 통합 시점이 확정되지 않은 것이 가장 아쉬운 지점이다.
두 번째, 정밀 작업에서의 한계다. AI가 “하늘을 바꿔줘”는 잘 처리하지만, “하늘의 왼쪽 구름만 조금 더 어둡게, 단 색조는 현재 색상을 유지하면서”처럼 세밀하고 조건이 많은 요청에서는 아직 해석 정확도가 떨어질 수 있다. 복잡한 디테일은 여전히 수동 작업이 더 빠르고 정확하다.
세 번째, 프롬프트가 서버에서 처리된다는 점이다. Adobe는 사용자 콘텐츠를 AI 학습에 사용하지 않는다고 밝혔지만, 프롬프트 자체는 서버 사이드에서 처리된다. NDA가 걸린 프로젝트나 클라이언트 기밀 이미지를 다룰 때는 주의가 필요하다.
이게 포토샵의 미래 방향인가
그렇다고 생각한다.
Adobe는 단순히 기능 하나를 추가한 게 아니다. 대화형 AI를 Creative Cloud 전반으로 확장하는 방향으로 움직이고 있다. Adobe Express, Firefly에도 유사한 AI 어시스턴트가 들어가고 있고, Microsoft Copilot과의 통합도 진행 중이다.
더 크게 보면, 이건 “도구를 배우는” 방식에서 “의도를 전달하는” 방식으로의 전환이다. 지금까지 포토샵을 잘 쓰려면 툴을 먼저 배워야 했다. 앞으로는 뭘 하고 싶은지만 알면 된다. 툴이 알아서 배워준다.
디자이너 입장에서는 두 가지 반응이 나올 수 있다. “내 자리가 위협받는다”는 불안감과, “반복 작업에서 해방된다”는 기대감. 개인적으로는 후자가 맞다. AI가 처리하는 건 반복적이고 기계적인 편집이다. 창의적 판단과 디자인 의도를 세우는 일은 여전히 사람의 몫이다.
무료로 쓸 수 있는가
현재 무료 플랜 사용자는 생성 작업 20회가 제공된다. 유료 Creative Cloud 구독자는 프로모션 기간 동안 무제한으로 사용 가능했으나, 이 조건은 변경될 수 있으니 Adobe 공식 페이지에서 최신 정책을 확인하는 것이 좋다.
접속 방법은 간단하다. photoshop.adobe.com에 Adobe 계정으로 로그인하면 바로 사용할 수 있다.
마무리하며
포토샵에 대화창이 생겼다는 건, 그냥 재미있는 기능이 추가된 게 아니다. 이미지 편집 소프트웨어가 어떻게 진화해야 하는지를 보여주는 방향 제시다.
10년 넘게 포토샵을 써온 입장에서, 이 기능이 완벽하다고 말하기는 아직 이르다. 데스크탑 미지원, 복잡한 요청에서의 한계, 서버 처리 이슈는 여전히 실무 적용에 걸림돌이 된다. 하지만 방향만큼은 맞다. 툴이 사람에게 맞춰지는 구조가 되어야 한다.
앞으로 데스크탑 버전에서도 쓸 수 있게 되고, 정밀도가 올라간다면 업무 흐름에 실질적인 변화가 생길 것이다. 그때를 기대하면서, 지금은 웹 버전에서 조금씩 써보는 것도 나쁘지 않다.
이 글은 UI/UX 디자이너로 일하면서 직접 써본 경험과 공개된 자료를 바탕으로 작성했다.
AI가 Figma를 “직접 읽는다”는 말이 과장처럼 들렸다. 그런데 실제로 연결해보니 달랐다. Claude가 내 Figma 파일의 컴포넌트 이름, 오토레이아웃 구조, 스페이싱 값을 정확히 인식하고 있었다. 이건 단순히 스크린샷을 넘기는 수준이 아니었다.
이 글은 그 경험을 바탕으로 쓴다.
먼저 알아야 할 것: 연동 방식이 두 가지다
Claude와 Figma를 연결하는 방법은 현재 크게 둘로 나뉜다.
1) MCP 방식 — Claude (Desktop 또는 Code)와 Figma를 직접 연결
Claude가 Figma 파일을 실시간으로 읽고, 수정하고, 코드를 생성한다.
설정이 조금 필요하지만, 양방향으로 작동한다.
2) Claude Design → Figma 내보내기 방식
2026년 4월 출시된 Claude Design에서 만든 결과물을 HTML로 내보낸 뒤 Figma로 옮기는 방식.
설정이 거의 없다. 대신 흐름이 단방향이다.
두 방식 모두 장단점이 있다. 순서대로 설명한다.
1부. MCP로 Claude와 Figma 연결하기
MCP가 뭔지부터
MCP(Model Context Protocol)는 Anthropic이 개발한 개방형 표준 프로토콜로, AI 모델과 소프트웨어를 연결하는 통신 규약이다. 흔히 “AI 분야의 USB-C 커넥터”에 비유된다. Brunch
쉽게 말하면, Claude가 Figma 안에 있는 데이터를 직접 꺼내 쓸 수 있게 해주는 다리다.
MCP 없이는 Claude가 내가 붙여넣은 내용만 알 수 있다. MCP가 있으면 파일 시스템, 데이터베이스, Figma 파일 등을 실시간으로 읽고 작업할 수 있다. AI Blogs
예전에는 Figma 스크린샷을 캡처해서 Claude에 올리고, “이 버튼 색이 뭐야?” 같은 걸 물어봤다. 이제는 그럴 필요가 없다. 파일을 연결해두면 Claude가 직접 열어본다.
연결 방법 A: Claude Desktop + Figma Desktop (비개발자도 가능)
가장 진입장벽이 낮은 방법이다. 터미널 명령어 없이 설정할 수 있다.
준비물
Claude Desktop 앱 (유료 플랜 필요)
Figma Desktop 앱 (브라우저 버전은 연결이 불안정하다)
Figma Professional 이상 플랜 (Dev Mode 사용 필요)
설정 순서
① Figma Desktop에서 MCP 서버 활성화
Figma Desktop을 실행한다. 상단 메뉴에서 Figma → Preferences → Enable Dev Mode MCP Server를 켠다. 이걸 켜야 Claude가 Figma에 접근할 수 있다.
Figma Desktop 앱을 실행한 뒤, 공식 문서를 따라 Figma Desktop Server를 활성화하면 된다. 이 단계는 비교적 간단하며, Figma 브라우저 버전보다 Desktop 버전을 쓰는 것을 권장한다. 브라우저도 연결은 가능하지만 Desktop 버전에 비해 안정성이 떨어진다. Brunch
② Claude Desktop에서 MCP 연결 확인
Claude Desktop을 실행한다. Settings → Developer로 이동하면 Figma MCP 서버가 Running 상태인지 확인할 수 있다.
Claude Code에서 Settings → Developer로 이동해 Figma Desktop MCP가 실행 중(Running)인지 확인하면 된다. Brunch
③ Figma 파일 링크로 작업 시작
연결이 완료되면, Claude 대화창에 Figma 파일 링크를 붙여넣고 바로 작업을 요청할 수 있다. "이 파일에서 카드 컴포넌트 구조 설명해줘" 같은 식으로.
연결 방법 B: Claude Code + Figma (개발자 협업용)
코드와 디자인을 동시에 다루는 워크플로우에 적합하다. 개발자와 함께 쓰거나, 직접 프론트엔드 코드까지 뽑아내고 싶을 때 효과적이다.
터미널에서 명령어 한 줄로 연결
claude mcp add --transport http figma-remote-mcp https://mcp.figma.com/mcp
위 명령어를 터미널에 붙여넣고 실행하면 된다. 완료 후 /mcp를 입력하면 메뉴가 나타나고, Discover에서 Installed로 이동해 Figma MCP 서버 인증을 진행하면 된다. 브라우저 창이 열리면서 Figma 접근 권한 허용 절차가 진행된다. Substack
또는 Claude Code 채팅창에서 직접 입력해도 된다.
claude plugin install figma@claude-plugins-official
연결이 완료되면 Claude에 ‘Authentication successful. Connected to figma’가 표시된다. Figmapedia
연결하면 실제로 뭘 할 수 있나
연결 후 파이프라인은 양방향으로 작동한다. Figma에서 Claude 방향으로는, 컴포넌트 구조, 스페이싱 값, 보더 라디우스, 폰트 크기, 컬러 토큰, 오토레이아웃 설정, 레이어 계층까지 읽어들여 코드로 정확하게 변환해준다. Claude에서 Figma 방향으로는, Claude가 만든 UI를 편집 가능한 Figma 프레임으로 캡처해 넣어준다. 실제 레이어로 구성되어 있어 바로 수정하거나 복제할 수 있다. Substack
디자이너 입장에서 가장 체감 되는 것은 맥락 설명을 반복하지 않아도 된다는 점이다.
예전 방식은 이랬다.
“이 버튼은 Primary 버튼이고, 색상은 #2563EB이고, 패딩은 상하 12px, 좌우 20px이고, 보더 라디우스는 8px야. 이 스타일로…”
MCP 연결 후엔 그냥 Figma 링크 하나 던지면 된다. Claude가 알아서 읽는다.
한계도 솔직히 말하면
Figma Professional 이상 플랜이 없으면 Dev Mode를 못 쓴다. 공식 MCP는 Dev Mode가 필요하다. 무료 계정 사용자라면 비공식 오픈소스 플러그인(claude-talk-to-figma-mcp)을 써야 하는데, 설정이 훨씬 복잡해진다.
현재는 Figma → 코드 방향이 더 안정적이다. 코드 to Figma 같은 양방향 흐름은 현재 Claude Code에서 가장 안정적으로 구현되며, Cursor나 Windsurf 등에서는 기능 차이나 제한이 있다. Litmers
디자인 시스템 정리가 먼저다. 연동 효과는 기존 디자인 시스템 완성도에 비례한다. 가이드라인이 불명확하거나 파편화된 팀은 연동 전 정비가 먼저다. 레이어 이름이 Frame 432, Rectangle 7 이런 식이면 Claude도 헤맨다. 네이밍 정리가 선행되어야 한다. Dxtalk
2부. Claude Design에서 Figma로 가져오기
Claude Design이 뭔지
Claude Design은 Anthropic이 2026년 4월 17일 출시한 AI 비주얼 창작 도구다. Claude Opus 4.7 모델을 기반으로 하며, claude.ai 좌측 내비게이션의 팔레트 아이콘을 통해 접근할 수 있다. Digit2sight
자연어 프롬프트만으로 디자인 시안, 프로토타입, 슬라이드 같은 실무 결과물을 만들 수 있는 대화형 AI 디자인 도구로, 발표 당일 Figma 주가가 약 7% 하락할 정도로 업계의 관심이 쏠렸다. Elancer
기존 Claude가 텍스트와 코드 중심이었다면, Claude Design은 시각적인 결과물에 특화된 전용 모드다.
Claude Design → Figma로 옮기는 방법
Claude Design 자체에는 아직 Figma 직접 내보내기 버튼이 없다. 현재 가장 많이 쓰는 방법은 Anima라는 Figma 플러그인을 활용하는 방식이다.
순서
claude.ai에 접속해 좌측 팔레트 아이콘 클릭 → Claude Design 모드 진입
원하는 화면을 프롬프트로 생성한다
완성된 결과물에서 Share → Export as standalone HTML 선택
Figma에서 Anima 플러그인 실행
HTML 파일을 불러오면 Figma 편집 가능한 레이어로 변환된다
Anima Figma 에이전트는 전문 디자이너가 Claude Design에서 Figma로 이동해 편집 가능한 캔버스에서 계속 작업할 수 있도록 도와준다. Anima
Claude Design의 실제 강점
온보딩 시 디자인 시스템 연동이 가능하다.
온보딩 과정에서 코드베이스와 디자인 파일을 읽어 디자인 시스템을 구축할 수 있기 때문에, 이후 프로젝트마다 일반적인 플레이스홀더 대신 실제 컬러, 타이포그래피, 컴포넌트를 사용하게 된다. Anima
한 번 설정해두면 매번 “우리 Primary 컬러는 이거야” 같은 설명을 반복하지 않아도 된다.
Claude Code와 연결하면 코드까지 바로 나온다.
디자인이 완성되면 Claude Design이 핸드오프 번들을 자동으로 생성할 수 있다. 이 번들에는 디자인 의도와 컴포넌트 구조, 스타일 정보가 정리되어 있어서 Claude Code에 한 번의 지시로 전달할 수 있다. “여기 이 번들을 기반으로 Next.js 프로젝트에 구현해줘” 정도의 명령이면 실제 코드로 옮기는 작업이 시작된다. Daleseo
디자이너가 Figma에서 시안을 만들고, 개발자가 그걸 다시 해석하는 과정에서 생기는 갭이 여기서 상당히 줄어든다.
Claude Design의 현실적인 한계
직접 써보고 느낀 것들이다.
아직 Research Preview 단계다. Claude Design은 현재 연구 프리뷰(Research Preview) 단계이며, 향후 몇 주에 걸쳐 모든 유료 사용자에게 순차적으로 공개될 예정이다. 기능이 갑자기 바뀌거나 제한될 수 있다. Apiyi.com Blog
Figma로 넘어갈 때 레이어 정리가 필요하다. HTML → Figma 변환이다 보니, 자동 생성된 레이어 구조가 실무에서 바로 쓰기엔 지저분하다. 이후 정리 작업은 디자이너 몫이다.
복잡한 인터랙션은 아직 약하다. AI 모델은 여전히 사람의 공감 능력이 필요한 깊이 있는 UX 로직에서는 어려움을 겪는다. 기본 레이아웃과 시각 구조는 잘 잡아주지만, 복잡한 상태 변화나 엣지 케이스는 직접 다듬어야 한다. Skypage
3부. 디자이너로서 이 도구를 어떻게 쓰면 좋을까
경력을 쌓으면서 느낀 건, 좋은 도구는 내 판단을 대체하는 게 아니라 내가 판단할 시간을 더 만들어준다는 것이다.
Claude + Figma 연동도 마찬가지다.
지금 당장 효과적인 사용 시나리오:
초기 와이어프레임 초안 생성 → Claude Design으로 빠르게 뽑고, Figma에서 디테일 다듬기
디자인 스펙 전달 → Figma MCP 연결 후 “이 컴포넌트 패딩이 몇이야?”를 Claude에게 물어보며 개발자와 소통
디자인 시스템 문서화 → Claude가 Figma 파일 읽고 컴포넌트 사용 가이드 초안 생성
핸드오프 준비 → Claude Design에서 핸드오프 번들 생성 → Claude Code로 넘겨서 프론트엔드 코드 출력
이건 Claude한테 맡기지 마라:
서비스의 핵심 UX 흐름 결정. 이건 아직 사람이 해야 한다.
사용자 리서치 기반의 의사결정. Claude는 데이터를 줘야 분석하지, 현장 감각은 없다.
디자인 시스템의 최초 구축. 정리가 안 된 상태에서 연동하면 쓰레기가 더 빠르게 만들어질 뿐이다.
본 카드뉴스는 AI 이미지 생성 기술을 활용해 제작되었습니다
마무리
솔직히 말하면, 이 조합이 Figma를 대체하진 않는다.
적어도 지금은. Claude Design이 나왔을 때 Figma 주가가 떨어졌지만, 실무에서 써보면 여전히 Figma는 디자이너의 메인 작업 공간이다. Claude는 그 앞과 뒤를 더 빠르게 만들어주는 역할에 가깝다.
그럼에도 이 연동을 지금 세팅해두는 게 의미 있는 이유는, 워크플로우는 습관이기 때문이다. 지금 세팅해두고 조금씩 쓰다 보면, 6개월 뒤에는 이게 없는 방식으로 돌아가기 싫어지는 시점이 온다.
크몽에서는 5만 원짜리가 있고, 디자인 에이전시에서는 300만 원이 넘는다. 어디서는 AI로 무료로 만들 수 있다고 한다. 가격이 왜 이렇게 다른지, 비싼 게 꼭 좋은 건지 판단이 안 선다.
처음 로고를 의뢰받았을 때 클라이언트가 가장 많이 물어보는 것도 이거였다. “얼마가 적당한가요?”
이 글은 그 질문에 답한다. 실거래 데이터와 직접 로고 작업을 해온 경험을 바탕으로, 가격대마다 실제로 뭘 받을 수 있는지 솔직하게 정리한다.
로고 디자인, 가격이 왜 이렇게 다른가
먼저 이걸 이해해야 한다.
로고 디자인의 가격은 “파일 하나를 만드는 비용”이 아니다. 그 안에 들어가는 작업 범위, 디자이너의 경력, 포함 항목이 전부 다르다.
같은 “로고 1개”라도 이런 차이가 있다.
기존 레퍼런스를 보고 빠르게 만드는 것 vs 브랜드 방향을 분석하고 처음부터 기획하는 것
시안 1개 vs 시안 3~5개 비교 후 선택
JPG 파일 1개 납품 vs AI·EPS 벡터 원본 + PNG(투명배경) + PDF + 브랜드 가이드라인 패키지 납품
수정 1회 vs 수정 무제한
경력 1년차 프리랜서 vs 디자인 어워드 수상 에이전시
이 차이가 가격 차이를 만든다. 숫자만 보지 말고 “무엇을 받는가”를 먼저 봐야 한다.
2026년 가격대별 현실적인 기대치
무료~10만 원 미만 — AI 로고 툴
캔바(Canva), Looka, Wix Logo Maker 같은 AI 로고 자동 생성 서비스다. 몇 가지 질문에 답하면 자동으로 로고 시안을 만들어준다.
받을 수 있는 것:
즉시 시안 수십 개
기본 PNG 다운로드 (무료 버전)
AI·벡터 파일, 고해상도는 유료 업그레이드 필요 (보통 5~10만 원)
현실적으로 봤을 때: 비용이 가장 낮고 속도가 빠르다. 다만 독창성이 없다. 같은 툴을 쓴 다른 브랜드와 유사한 로고가 나올 가능성이 높다. 테스트 단계의 임시 로고, 또는 예산이 극히 제한된 초기 스타트업에 맞다. 장기적으로 브랜드를 키울 계획이라면 언젠가 다시 만들게 된다.
5만~15만 원 — 플랫폼 기반 프리랜서 (기본형)
크몽, 숨고 등 플랫폼에서 가장 많이 거래되는 구간이다. 크몽 기준 로고 디자인 외주 비용은 기본형 5~15만 원 선이다.
받을 수 있는 것:
텍스트 로고 또는 간단한 심볼
시안 1~2종
수정 1~2회
AI·EPS 벡터 원본 파일 (대부분 포함)
납기 3~7일
현실적으로 봤을 때: 빠르고 저렴하다. 브랜드 방향이 이미 명확하게 정리되어 있고 시각화만 필요한 경우, 또는 급하게 테스트용 로고가 필요한 초기 단계에 맞다. 브랜드 분석이나 전략적 과정은 포함되지 않는 경우가 많다. “예쁜 로고”는 받을 수 있지만, 그 로고가 왜 이 브랜드에 맞는지 근거가 부족할 수 있다.
20만~50만 원 — 경력 있는 프리랜서
이 구간은 경력 있는 프리랜서에게 의뢰하는 구간으로, 시안 2~3종, 수정 3회 이상, AI 원본 파일이 기본으로 포함된다.
받을 수 있는 것:
브랜드 방향에 대한 간단한 상담
시안 2~3종 비교
수정 3회 이상
AI·EPS 벡터 원본 + PNG + PDF
간단한 컬러 가이드
현실적으로 봤을 때: 가성비가 가장 좋은 구간이다. 포트폴리오가 탄탄한 프리랜서를 잘 고르면 이 가격대에서도 완성도 높은 결과물이 나온다. 다만 디자이너마다 차이가 크기 때문에 포트폴리오 확인이 필수다. 비슷한 업종의 로고 작업 이력이 있는지 보는 게 좋다.
50만~200만 원 — 전문 프리랜서 또는 소형 스튜디오
경력이 쌓인 프리랜서 또는 2~3인 규모의 소형 디자인 스튜디오가 이 구간에 있다.
받을 수 있는 것:
브랜드 리서치 및 방향 제안
시안 3~5종
충분한 수정 횟수
AI·EPS 벡터 원본 + 다양한 포맷 납품
기본 브랜드 가이드라인 (컬러, 폰트, 사용 규정)
로고 응용 예시 (명함, 간판 목업 등)
현실적으로 봤을 때: 단순히 로고를 만드는 게 아니라 브랜드의 방향까지 함께 고민하는 수준이 된다. 오래 쓸 브랜드를 만들려는 소상공인, 1인 사업자에게 이 구간이 적합한 경우가 많다.
200만 원 이상 — 디자인 에이전시 또는 브랜딩 스튜디오
브랜드 전략 수립부터 BI(Brand Identity) 가이드 제공까지 포함하는 구간이다.
받을 수 있는 것:
시장 조사, 경쟁 브랜드 분석
브랜드 포지셔닝 전략 제안
로고 + 브랜드 컬러 시스템 + 타이포그래피 시스템
명함, 봉투, 간판 등 응용 아이템 디자인
브랜드 가이드라인 문서 (PDF)
향후 디자인 작업의 기준이 되는 자산 일체
현실적으로 봤을 때: 로고 하나를 사는 게 아니라 브랜드 시스템 전체를 구축하는 것이다. 투자자 유치나 프랜차이즈 확장처럼 브랜드 일관성이 중요한 비즈니스, 또는 장기적으로 브랜드를 키울 계획이 명확한 경우에 맞다.
가격대별 한눈에 비교
구간
주요 의뢰처
시안 수
수정 횟수
포함 항목
적합한 상황
무료~10만 원
AI 로고 툴
수십 개 자동 생성
없음
PNG (기본)
임시 로고, 극초기 테스트
5~15만 원
크몽·숨고 기본형
1~2종
1~2회
AI 원본
빠른 납기, 명확한 방향 있을 때
20~50만 원
경력 프리랜서
2~3종
3회 이상
AI·PNG·PDF
가성비 최적, 소상공인
50~200만 원
전문 프리랜서·소형 스튜디오
3~5종
충분
기본 BI 가이드 포함
장기 브랜드 운영 계획
200만 원 이상
디자인 에이전시
다수
충분
BI 시스템 전체
투자·확장 목적
의뢰 전에 반드시 확인해야 할 것들
가격을 정했다고 끝이 아니다. 의뢰 전에 이것들을 확인하지 않으면 나중에 문제가 생긴다.
1. 납품 파일 형식
가장 많이 실수하는 부분이다. JPG나 PNG만 받으면 나중에 큰 불편이 생긴다. 간판 제작, 인쇄물 확대, 상표 등록 때 고해상도 벡터 파일이 필요하다.
반드시 확인해야 할 파일 형식:
AI 또는 EPS — 어도비 일러스트레이터 원본 파일. 크기를 아무리 키워도 깨지지 않는다.
PNG (투명 배경) — 다양한 배경 위에 로고를 올릴 때 필요하다.
PDF — 인쇄소 납품용.
AI·EPS 벡터 원본 파일 없이 JPG만 받으면 인쇄나 간판 제작 시 품질 문제가 생길 수 있다. 계약 전에 어떤 파일 형식으로 납품받는지 반드시 명시해야 한다.
2. 저작권 귀속 여부
로고 작업 후 저작권이 어디에 있는지 확인해야 한다. 계약서에 저작권 양도 조항이 있어야 의뢰인에게 완전히 귀속된다. 일부 플랫폼이나 디자이너는 사용권만 부여하고 저작권을 보유하는 경우가 있어, 상표 등록이나 상업적 활용 시 문제가 생길 수 있다.
장기적으로 브랜드를 운영할 계획이라면 계약 시 저작권 양도를 명시하고, 필요하면 추가 비용을 내더라도 확보하는 게 맞다.
3. 수정 횟수와 추가 비용 기준
수정 횟수가 초과됐을 때 얼마가 드는지 계약 전에 확인한다. 수정 1회에 몇만 원씩 추가되는 구조인 경우도 있다. 처음 계약 금액보다 최종 결제 금액이 높아지는 일을 막으려면 이걸 미리 확인해야 한다.
4. 상표 등록 가능 여부
로고를 만들고 나서 상표 등록을 하려면 유사 상표 검색이 필요하다. 디자이너에 따라 이 확인을 해주는 경우도 있고, 아닌 경우도 있다. 특허청에 출원 시 10년간 독점 사용권이 부여되며, 타인의 무단 사용을 법적으로 막을 수 있다. 출원 비용은 약 6만 원이며, 변리사를 통하면 30만 원에서 50만 원의 수수료가 추가된다.
브랜드를 오래 쓸 계획이라면 로고 완성 후 상표 등록까지 염두에 두는 게 좋다.
좋은 디자이너를 고르는 법
가격대를 정했다면 다음은 누구에게 맡길지다.
포트폴리오를 먼저 본다. 포트폴리오에 비슷한 업종의 로고 작업이 있는지 확인한다. 카페 로고를 잘 만드는 디자이너가 IT 스타트업 로고도 잘 만든다는 보장은 없다.
리뷰보다 결과물을 본다. 리뷰는 참고가 되지만, 실제 납품된 결과물의 퀄리티가 더 중요하다. 리뷰가 많아도 결과물이 마음에 안 들면 의미가 없다.
소통이 잘 되는지 본다. 처음 문의할 때 답변이 빠르고 질문을 잘 이해하는지 확인한다. 로고 작업은 커뮤니케이션이 많은 작업이다. 소통이 어려운 디자이너와 작업하면 수정이 늘어나고 결과물도 만족스럽지 않은 경우가 많다.
레퍼런스를 준비해서 간다. 원하는 로고 스타일(심볼형·워드마크형·결합형)을 5~10개 정도 모아두면 디자이너와 소통이 훨씬 수월해진다. 말로 설명하는 것보다 시각적으로 보여주는 게 오해를 줄인다.
디자이너 입장에서 솔직하게
클라이언트에게 가장 아쉬운 경우가 있다. 처음에 예산을 아끼려고 5만 원짜리 로고를 만들고, 6개월 뒤에 “다시 만들고 싶다”고 연락이 오는 경우다. 결국 두 번 비용을 쓴다.
로고는 한 번 만들면 오래 쓴다. 명함, 간판, 홈페이지, 포장재, SNS 프로필까지 들어간다. 브랜드의 첫인상을 결정하는 자산이다. 처음에 제대로 만드는 게 장기적으로 더 싸다.
그렇다고 무조건 비싼 게 맞다는 이야기가 아니다. 사업 초기에 검증이 안 된 상태에서 수백만 원을 로고에 쓰는 건 현명하지 않다. 지금 브랜드의 단계에 맞는 투자를 하는 것이 맞다.
사업 방향이 아직 유동적인 초기라면 20~30만 원 구간의 프리랜서로 시작하고, 방향이 잡히면 BI를 갖춘 에이전시에 다시 의뢰하는 흐름이 현실적이다.
정리
로고 디자인 비용은 “파일 하나의 값”이 아니다. 그 안에 담기는 과정과 결과물의 범위가 가격을 결정한다.
의뢰 전에 세 가지를 먼저 정리해두는 게 좋다.
첫째, 지금 브랜드의 단계가 어디인가. 아직 테스트 중인가, 본격적으로 키울 준비가 됐는가.
둘째, 얼마까지 쓸 수 있는가. 예산이 명확해야 의뢰 구간이 정해진다.
셋째, 납품받을 파일 형식과 저작권 조건은 확인했는가. 계약 전에 이걸 확인하지 않으면 나중에 낭패를 보는 경우가 생긴다.
가격보다 “내가 지금 필요한 게 뭔지”를 먼저 아는 것이 좋은 로고를 얻는 가장 빠른 방법이다.
불쾌하지 않았다. 솔직한 질문이었다. 그리고 틀린 말도 아니었다. 실제로 AI는 꽤 그럴듯한 결과물을 빠르게 만들어낸다.
다만 그 질문에 제대로 답하려면 “AI가 만든 디자인”과 “디자이너가 만든 디자인”이 실제로 어떻게 다른지를 짚어야 한다. 추상적인 이야기가 아니라, 실제로 두 가지를 모두 써본 경험에서 나온 이야기다.
이 글은 AI 편도, 디자이너 편도 아니다. 차이를 있는 그대로 보는 게 목적이다.
AI 디자인이 잘하는 것
먼저 AI가 잘하는 것부터 인정하고 시작하는 게 맞다.
빠르다. 프롬프트 몇 줄 입력하면 수십 개의 시안이 나온다. 디자이너가 초안 하나를 잡는 데 걸리는 시간 안에 AI는 방향이 다른 결과물을 여러 개 뽑아낸다.
무난하게 예쁘다. Midjourney나 Adobe Firefly로 만든 이미지는 구도, 색감, 조명이 안정적이다. 학습 데이터가 수억 장의 “잘 만든 이미지”이기 때문이다. 평균적으로 보기 좋은 결과물이 나온다.
반복 작업에 강하다. 같은 스타일로 100장을 만들어야 할 때, 디자이너는 지치지만 AI는 지치지 않는다. 대량의 이미지 소재, 여러 사이즈 변형, 색상 변형처럼 반복적인 작업에서 AI의 효율은 압도적이다.
접근성이 높다. 디자인을 배운 적 없는 사람도 캔바 AI나 DALL-E를 쓰면 쓸 만한 결과물을 만든다. 소상공인이 혼자 SNS 콘텐츠를 만들거나, 스타트업이 초기 마케팅 소재를 빠르게 만들 때 AI는 현실적인 선택지다.
이 부분은 부정할 수 없다. 그리고 부정할 필요도 없다.
그런데 AI 디자인에는 빠진 게 있다
오래 보다 보면 뭔가 이상하다는 느낌이 드는 AI 디자인들이 있다. 예쁜데 어딘가 어색하다. 완성도가 있는데 기억에 남지 않는다.
그 “빠진 것”을 하나씩 짚어본다.
1. 의도가 없다
디자인은 문제를 해결하는 행위다. “이 제품을 어떤 사람에게 보여줄 것인가”, “이 페이지에서 사용자가 무엇을 먼저 봐야 하는가”, “이 브랜드가 주는 감정적 인상이 무엇이어야 하는가” — 이런 질문에서 시작한다.
AI는 이 질문을 하지 않는다. 프롬프트에 쓰인 대로 만들 뿐이다. “세련된 카페 이미지”라고 입력하면 세련된 카페처럼 보이는 이미지가 나온다. 그런데 그 이미지가 이 카페의 실제 고객층에게 맞는지, 경쟁 카페와 어떻게 차별화되는지, 브랜드 스토리와 연결되는지는 AI가 판단하지 않는다.
의도는 사람이 넣어야 한다. AI는 그 의도를 시각화하는 도구다.
2. 맥락을 모른다
좋은 디자인은 맥락에서 나온다. 클라이언트의 업종, 타깃 고객, 경쟁 브랜드, 지금까지의 브랜드 역사, 이번 캠페인의 목표. 이 모든 것이 디자인 결정 하나하나에 영향을 준다.
디자이너는 브리핑을 듣고, 질문하고, 레퍼런스를 분석하고, 그 맥락 위에서 디자인을 만든다. AI는 프롬프트 바깥의 맥락을 모른다.
“고급스러운 느낌으로”라는 프롬프트에 AI는 어두운 배경, 금색 텍스트, 세리프 폰트를 넣어준다. 그게 일반적으로 “고급스러운 느낌”의 시각적 공식이기 때문이다. 그런데 이 브랜드가 20대 여성을 타깃으로 하는 비건 뷰티 브랜드라면? 그 공식이 맞지 않을 수 있다. 그 판단은 맥락을 아는 사람만 할 수 있다.
3. 브랜드 일관성을 만들 수 없다
로고 하나, 명함 하나, 인스타 피드 하나를 따로 만드는 건 AI도 잘한다. 문제는 이것들이 하나의 브랜드처럼 보여야 할 때다.
색상 팔레트, 타이포그래피 시스템, 이미지 톤앤매너, 여백 사용 방식 — 이것들이 일관되게 유지될 때 브랜드가 생긴다. 디자이너는 브랜드 가이드를 만들고, 그걸 기준으로 모든 결과물을 만든다.
AI는 매번 새로 만든다. 오늘 만든 포스터와 어제 만든 명함이 같은 브랜드처럼 보이려면 사람이 일일이 조율해야 한다. 일관성을 유지하는 건 AI의 역할이 아니라 사람의 역할이다.
4. 평균에서 벗어나지 못한다
AI가 학습한 데이터는 “이미 존재하는 것들”이다. 그래서 AI의 결과물은 기존에 잘 만들어진 것들의 평균에 수렴한다. 무난하게 예쁜 이유가 여기에 있다.
그런데 브랜드에서 기억되는 디자인은 대부분 평균을 벗어난 것들이다. 애플의 미니멀리즘이 처음 나왔을 때, 당시 기준으로는 너무 단순했다. 무인양품의 포장 디자인이 처음 나왔을 때, 기존의 “예쁜 패키지” 공식을 따르지 않았다.
독창성은 기존 데이터에서 나오지 않는다. 지금까지 없던 것을 만드는 건 여전히 사람이 하는 일이다.
5. 책임지지 않는다
디자이너는 결과에 책임을 진다. “이 색상 조합이 이 타깃에게 맞는가”, “이 레이아웃이 모바일에서도 잘 보이는가”, “이 이미지가 문화적으로 오해를 살 소지가 있는가” — 이런 판단을 하고, 틀리면 수정한다.
AI는 판단하지 않는다. 프롬프트에 없는 것은 고려하지 않는다. 결과물이 잘못됐을 때 책임지지 않는다. 책임은 그것을 쓰는 사람에게 있다.
실제로 보면 어떻게 다른가
말로만 하면 추상적이다. 구체적인 예를 들어보자.
상황: 동네 베이커리 SNS 카드뉴스 제작
AI로 만든 결과물은 이렇다. 크림색 배경, 따뜻한 조명, 갓 구운 빵 이미지, 세련된 산세리프 폰트. 보기 좋다. 완성도도 있다.
디자이너가 만든 결과물은 여기서 달라진다. 이 베이커리가 20년 된 동네 가게라면, “세련됨”보다 “따뜻한 손맛”이 핵심이다. 할머니가 직접 쓴 것 같은 손글씨 폰트, 오래된 나무 테이블 위에 놓인 빵 사진, 레시피를 오래된 노트에 적어둔 것 같은 레이아웃. 이게 이 가게의 진짜 이야기에 맞다.
AI는 “베이커리 카드뉴스”의 평균을 만들었다. 디자이너는 “이 베이커리만의 카드뉴스”를 만들었다.
결과물만 보면 어느 쪽이 더 예쁠 수도 있다. 그런데 어느 쪽이 더 기억에 남고, 단골을 만들고, 브랜드를 쌓는지는 다른 이야기다.
그러면 디자이너는 뭘 해야 하나
이 글을 여기까지 읽었다면 아마 디자이너이거나, 디자인에 관심 있는 사람일 것이다. 솔직한 이야기를 한다.
AI는 사람의 ‘손’을 대신하고 있지만, 의미를 부여하는 사고는 아직도 인간만이 수행할 수 있는 고유한 영역으로 남아 있다. 이건 위로가 아니라 현실이다.
2026년 최고의 디자이너는 AI를 책임 회피가 아니라 탐색에 사용한다. 그들은 AI를 지휘하고, 다듬고, 빠른 초안을 유용하고 아름다우며 브랜드에 맞는 제품으로 바꾸는 법을 배우고 있다.
실무에서 AI를 쓰면서 바뀐 게 있다. 예전에는 초안을 잡는 데 시간이 많이 들었다. 지금은 AI가 방향을 여러 개 빠르게 보여주면, 거기서 맞는 것을 고르고 다듬는 데 집중한다. 속도가 달라졌다. 그 시간을 클라이언트와 방향을 맞추는 데, 또는 더 세밀한 디테일에 쓴다.
AI가 잘하는 부분은 AI에게 맡기고, 사람만 할 수 있는 부분에 집중하는 것. 이게 지금 디자이너에게 맞는 방향이라고 생각한다.
클라이언트 입장에서 보면
처음의 질문으로 돌아간다. “AI로 다 만들 수 있는데 디자이너가 필요한가?”
답은 경우에 따라 다르다.
AI로 충분한 경우가 있다.
일회성 행사 포스터
내부 문서용 이미지
SNS 콘텐츠 중 일부 반복 소재
빠른 시안 확인이 필요한 초기 단계
디자이너가 필요한 경우가 있다.
브랜드 아이덴티티를 처음 만들 때
경쟁 브랜드와 차별화된 시각을 만들어야 할 때
오랫동안 쌓아갈 브랜드 가이드가 필요할 때
결과물이 브랜드의 첫인상을 결정하는 상황
둘의 경계가 점점 섞이고 있는 건 사실이다. AI가 더 발전할수록 경계는 더 좁아질 것이다. 그 흐름은 막을 수 없다.
다만 “누구나 결과물을 만들 수 있는 시대”가 됐다고 해서 좋은 디자인이 필요 없어진 건 아니다. 누구나 무언가를 생성할 수 있을 때, 취향, 편집력, 브랜드 판단력, 접근성, 시스템 사고가 진짜 차별화 요소가 된다.
오히려 그 차이가 더 선명하게 보이기 시작했다.
정리
AI 디자인과 디자이너 디자인의 차이를 한 문장으로 요약하면 이렇다.
AI는 “보기 좋은 것”을 빠르게 만들고, 디자이너는 “이 브랜드에 맞는 것”을 만든다.
둘은 경쟁 관계가 아니다. 지금은 어떻게 함께 쓰느냐가 더 중요한 질문이다.
함께 읽으면 좋은 글
AI 이미지 생성 사이트 추천 2026 — Midjourney, DALL-E, Adobe Firefly 등 AI 이미지 툴 6가지를 직접 써본 경험으로 비교했다. 어떤 툴이 어떤 용도에 맞는지 확인할 수 있다.
캔바 AI 기능 사용법 총정리 2026 — 캔바 안에 있는 Magic Studio AI 기능 전체를 정리했다. AI를 도구로 잘 쓰는 방법을 익히고 싶다면.
배경 제거 기능 하나 쓰고 “AI 기능 써봤다”고 생각하거나, Magic Write가 있는 줄도 모르고 텍스트를 손으로 다 쓰거나. 혹은 아예 “AI 기능은 Pro에서만 되는 거 아닌가”라고 생각해서 시도조차 안 하는 경우도 있다.
캔바의 AI 기능 브랜드 이름은 Magic Studio다. 2026년 기준으로 여기 들어 있는 기능이 열 개가 넘는다. 이미지 생성, 배경 제거, 텍스트 생성, 이미지 확장, 요소 제거, 스타일 변환, 애니메이션까지 — 디자인 작업의 거의 모든 단계에 AI가 붙어 있다.
이 글에서는 Magic Studio 전체 기능을 하나씩 짚고, 어떤 상황에서 어떻게 쓰는지 실무 관점에서 정리한다. 기능 이름 나열이 아니라, 직접 써본 경험을 바탕으로 쓸 만한 것과 그렇지 않은 것을 솔직하게 구분한다.
Magic Studio가 뭔가
캔바가 AI 기능들을 하나의 이름 아래 묶은 게 Magic Studio다. Magic Studio는 개인과 팀을 위한 AI 기반 기능을 캔바 안에 통합해, 브레인스토밍 단계부터 최종 결과물까지 지원하는 통합 창작 도구 모음이다.
Magic Eraser, Magic Switch, Magic Morph, Magic Animate 등이 모두 캔바 인터페이스에 직접 내장되어 있으며, 텍스트나 음성 프롬프트로 이미지와 영상 클립을 생성하고, 사진에서 객체를 제거하거나 교체하고, 배경을 확장할 수 있다.
무료 계정에서도 일부 기능은 쓸 수 있지만 횟수 제한이 있다. Pro 계정 기준으로 월 1,000회(Canva AI 500회 + Magic Media 500회) AI 기능 사용이 가능하고, 무료 계정은 월 20회 체험이 가능하다.
각 기능을 하나씩 살펴본다.
1. Magic Media — 텍스트로 이미지와 영상 만들기
어디서: 왼쪽 앱 패널 → “앱” 검색 → Magic Media
텍스트 프롬프트를 입력하면 이미지나 영상 클립을 생성해준다. “따뜻한 조명의 카페 인테리어, 나무 테이블, 필름 카메라 느낌”처럼 입력하면 그에 맞는 이미지가 나온다.
스타일도 선택할 수 있다. 사진, 일러스트레이션, 수채화, 3D 렌더링 등 원하는 분위기를 미리 지정하면 결과물의 방향이 잡힌다.
실제로 써보면 어떤가. 이미지 퀄리티는 Midjourney에 비해 낮다. 구도나 색감이 예측 가능하고, 독창적인 느낌이 부족하다. 그러나 캔바 작업 흐름 안에서 바로 쓸 수 있다는 게 장점이다. 외부 툴에서 이미지를 생성하고, 저장하고, 업로드하는 단계가 없어진다. 블로그 이미지나 SNS 배경처럼 ‘그럴 듯한 이미지’가 빠르게 필요할 때는 충분히 쓸 만하다.
영상 기능도 있다. 프롬프트를 입력하면 짧은 영상 클립이 생성된다. 릴스나 쇼츠의 배경 영상 소재로 쓸 수 있다.
2. Magic Eraser — 사진 속 불필요한 요소 제거
어디서: 이미지 선택 → 상단 툴바 “편집” → Magic Eraser
사진 속에서 지우고 싶은 부분을 브러시로 칠하면 AI가 그 부분을 배경에 맞게 자연스럽게 채운다. 지나가는 사람, 배경 속 전봇대, 원하지 않는 그림자를 제거할 때 쓴다.
Magic Eraser는 선택된 부분을 배경을 재구성해서 자연스럽게 제거해주며, 호텔이 웹사이트 수영장 사진에서 지나가는 관광객을 지우는 방식으로 활용할 수 있다.
완성도는 배경의 복잡도에 따라 달라진다. 단색이나 단순한 배경에서는 거의 완벽하게 지워진다. 복잡한 패턴이나 텍스처 위에서는 어색한 결과가 나올 때도 있다.
수정하고 싶은 부분을 선택하면 AI가 선택된 부분을 자연스럽게 제거해주며, 촬영을 다시 하거나 디자인을 새로 만들 필요 없이 기존 이미지를 그대로 활용하면서 필요한 부분만 빠르게 보완할 수 있다.
실제로 자주 쓰게 되는 기능이다. 포토샵의 내용 인식 채우기와 비슷한 개념인데, 조작이 훨씬 간단하다.
3. Magic Expand — 이미지 영역 자연스럽게 확장
어디서: 이미지 선택 → 상단 툴바 “편집” → Magic Expand
이미지의 가장자리를 AI가 자연스럽게 늘려준다. 세로 사진을 가로 형식으로 쓰고 싶을 때, 이미지 주변에 여백이 더 필요할 때 쓴다.
Magic Expand는 AI가 원본 프레임 너머의 콘텐츠를 생성해서 이미지 가장자리를 확장해준다. 세로에서 가로 형식으로 변환하는 것처럼 잘리지 않고 포맷을 바꿀 때 유용하다.
이미지의 잘린 부분이나 여백이 부족한 영역을 주변 맥락에 맞게 자연스럽게 확장해준다.
실제로 꽤 유용하게 쓰인다. 인스타 정방형용으로 찍은 사진을 유튜브 썸네일 16:9 비율로 변환해야 할 때, 배경을 AI가 자연스럽게 채워주는 게 눈에 띄게 편하다. 완벽하지는 않지만 실용적인 수준이다.
4. Magic Edit — 이미지 요소 교체
어디서: 이미지 선택 → 상단 툴바 “편집” → Magic Edit
사진 속 특정 영역을 선택하고, 텍스트로 “이걸 꽃다발로 바꿔줘”라고 입력하면 AI가 해당 부분을 교체해준다. Magic Eraser가 “지우는” 기능이라면, Magic Edit은 “바꾸는” 기능이다.
예를 들어 탁자 위에 놓인 물컵을 커피잔으로 바꾸거나, 하늘의 색감을 다른 분위기로 교체하는 식으로 쓸 수 있다.
정확도는 선택한 영역의 크기와 프롬프트의 구체성에 달려 있다. 구체적으로 설명할수록 원하는 방향에 가까운 결과가 나온다.
5. Magic Grab — 사진 속 피사체를 요소로 분리
어디서: 이미지 선택 → 상단 툴바 “편집” → Magic Grab
사진 안의 주요 피사체를 클릭 한 번으로 분리해서, 캔버스 위에서 독립적으로 움직일 수 있는 요소로 만들어준다.
Magic Grab은 사진에서 피사체를 “들어올려” 이동 가능한 요소로 만들어준다. 사진 편집 기술 없이도 피사체를 이동하거나, 크기를 조정하거나, 삭제할 수 있다.
제품 이미지에서 제품만 분리해서 다른 배경 위에 배치하거나, 인물 사진에서 인물만 뽑아서 카드뉴스 레이아웃에 넣을 때 쓸 수 있다. 기존에 배경 제거 후 요소 이동을 여러 단계로 하던 작업이 한 번에 된다.
6. Magic Write — AI 텍스트 생성
어디서: 텍스트 박스 선택 또는 앱 메뉴 → Magic Write
텍스트 입력창에 “//”를 입력하거나 Magic Write를 실행하면 AI가 텍스트 초안을 써준다. 블로그 제목, 캡션, 슬로건, SNS 문구처럼 짧은 텍스트 작업에 쓴다.
Magic Write는 자연어 프롬프트를 통해 텍스트 초안, 블로그, 캡션 생성 등 AI 기반 글쓰기를 지원한다.
솔직히 말하면 긴 글을 쓰는 데는 한계가 있다. ChatGPT나 Claude처럼 긴 맥락의 글쓰기에 특화된 툴이 아니다. 카드뉴스 한 장 안에 들어갈 짧은 문구, 포스터 슬로건, 인스타 캡션처럼 몇 문장 이내의 텍스트 작업에서 빠르게 초안을 잡는 용도로 쓰는 게 현실적이다.
7. Magic Design — 자동 디자인 초안 생성
어디서: 홈 화면 상단 검색창 옆 “Magic Design” 또는 새 디자인 생성 시
이미지를 업로드하거나 주제를 텍스트로 입력하면 캔바가 여러 가지 디자인 초안을 자동으로 만들어준다. “여름 카페 이벤트 포스터”라고 입력하면 그에 맞는 레이아웃과 색상으로 구성된 초안 여러 개가 나온다.
Magic Design은 이미지 업로드 혹은 텍스트 설명만으로 다양한 템플릿 기반 디자인 초안을 제공한다.
초안의 퀄리티는 천차만별이다. 그대로 쓸 수 있는 것도 있고, 방향만 잡고 처음부터 다시 만들어야 하는 것도 있다. 디자인을 처음 시작할 때 “어디서부터 시작하지”라는 막막함을 없애주는 용도로 활용하면 효과적이다. 완성본이 아니라 출발점으로 쓰는 것이 맞다.
8. Magic Morph — 텍스트와 요소에 AI 스타일 입히기
어디서: 텍스트 또는 요소 선택 → 상단 툴바 “편집” → Magic Morph
텍스트나 도형에 AI가 생성한 텍스처와 스타일을 입혀준다. “구름으로 만들어진 글자”, “네온 스타일”, “꽃으로 채워진 텍스트”처럼 프롬프트로 원하는 스타일을 설명하면 된다.
Magic Morph는 텍스트와 그래픽에 AI가 생성한 텍스처와 스타일을 적용한다. ‘구름으로 만든 효과’, ‘네온 스타일’, ‘꽃으로 구성된 효과’처럼 독특한 시각적 특성을 추가할 수 있다.
포스터나 이벤트 배너처럼 타이틀에 임팩트를 주고 싶을 때 쓸 수 있다. 결과물이 항상 의도한 대로 나오지는 않아서 여러 번 시도해보는 게 필요하다.
9. Magic Animate — 디자인에 움직임 추가
어디서: 페이지 선택 → 상단 툴바 “애니메이션” → Magic Animate
디자인에 클릭 한 번으로 애니메이션을 적용해준다. AI가 디자인 요소를 분석하고, 어울리는 등장 효과와 전환을 자동으로 적용한다.
Magic Animate는 클릭 한 번으로 디자인에 움직임을 추가해준다. 전환, 등장 효과, 동적인 효과가 모든 요소에 자동으로 적용된다.
인스타그램 스토리, 프레젠테이션, 릴스용 영상처럼 움직임이 필요한 콘텐츠에서 쓸 수 있다. 세밀한 타이밍 조정은 어렵지만, 빠르게 “움직이는 버전”을 만드는 데는 충분하다.
10. Magic Switch — 형식과 언어 변환
어디서: 상단 툴바 “파일” → Magic Switch
만들어둔 디자인을 다른 형식으로 변환하거나, 다른 언어로 번역해준다. 인스타 피드 이미지를 스토리 형식으로 바꾸거나, 한국어로 만든 카드뉴스를 영어 버전으로 번역하는 식이다.
언어 번역 기능은 텍스트를 자동으로 번역하고 레이아웃도 맞춰준다. 해외 SNS 운영이나 다국어 콘텐츠가 필요한 사람에게 유용하다.
무료 vs Pro, AI 기능 차이
자주 받는 질문이라 정리해둔다.
기능
무료
Pro
Magic Media (이미지 생성)
월 20회
월 500회
Magic Eraser
월 제한
무제한
Magic Expand
월 제한
무제한
Magic Edit
월 제한
무제한
Magic Write
제한적
더 많은 횟수
Magic Design
가능
가능
Magic Morph
Pro 전용
가능
Magic Animate
가능
가능
Magic Switch
Pro 전용
가능
무료 계정에서도 기본적인 AI 기능은 체험해볼 수 있다. 다만 자주 쓰는 사람이라면 월 사용 한도에 금방 걸린다.
상업적으로 써도 되나
AI로 만든 이미지를 블로그, SNS, 제품 디자인에 쓸 수 있는지 궁금한 사람이 많다.
AI 제품 약관을 준수하는 한 다양한 개인적·상업적 목적으로 Magic Studio의 기능을 사용할 수 있다. 단, 프롬프트에서 알려진 브랜드, 캐릭터, 특정 인물을 명시적 허가 없이 언급해서는 안 된다.
요약하면 개인 블로그, SNS 콘텐츠, 상품 인쇄·판매에도 쓸 수 있다. 다만 특정 브랜드나 실존 인물을 흉내 낸 이미지를 만드는 건 안 된다. 또한 AI가 생성한 이미지를 편집할 때는 원본 이미지를 쓸 권한이 있는 경우에만 가능하다.
Magic Studio는 또한 Canva Shield로 보호되며, 이는 제품을 상업적으로 안전하게 보호하기 위한 신뢰·안전·개인정보 보호 기능 모음이다.
프롬프트를 잘 쓰는 게 핵심이다
Magic Studio 기능들을 써보면 공통적으로 느끼는 것이 있다. 같은 기능이라도 프롬프트를 어떻게 쓰느냐에 따라 결과물 차이가 크다.
“카페 이미지”와 “아침 햇살이 창문으로 들어오는 작은 카페, 나무 테이블, 에스프레소 머신, 따뜻한 색감”은 완전히 다른 결과가 나온다. 구체적으로 쓸수록 원하는 방향에 가까워진다.
몇 가지 팁을 정리하면:
장소·사물·분위기를 구체적으로 묘사한다. “카페” 대신 “나무 인테리어, 아침 햇살, 화이트 톤 카페”처럼 시각적 요소를 풀어서 쓴다.
스타일을 명시한다. “필름 카메라 느낌”, “미니멀한 일러스트”, “수채화 스타일”처럼 결과물의 스타일을 지정하면 방향이 잡힌다.
원하지 않는 것도 적는다. “사람 없이”, “텍스트 없이”처럼 제외하고 싶은 요소를 명시하면 불필요한 결과를 줄일 수 있다.
여러 번 시도한다. 첫 번째 결과가 마음에 들지 않아도 프롬프트를 조금씩 수정하면서 원하는 방향으로 좁혀갈 수 있다.
디자이너로서 솔직하게 평가하면
Magic Studio를 전부 써본 소감은 이렇다. 모든 기능이 다 쓸모 있지는 않다. 기능이 많다고 다 써야 하는 건 아니다.
실무에서 진짜 시간을 아껴주는 것은 Magic Eraser, Magic Expand, Magic Media 세 가지다. 이 세 개만 잘 써도 이미지 작업에서 체감 차이가 난다.
Magic Write는 긴 글보다 짧은 카피 작업에만 맞다. Magic Design은 방향 잡는 용도로 가끔 유용하다. Magic Morph와 Magic Animate는 특정 콘텐츠 스타일에서 쓸 만하지만, 모든 작업에 필요한 건 아니다.
AI 기능이 늘어날수록 캔바가 점점 “디자인을 모르는 사람도 결과물을 만들 수 있는 툴”로 진화하고 있다. 그게 캔바의 본래 목표이기도 하다. 다만 AI가 만든 초안을 그대로 쓰는 것과, AI를 활용해서 더 빠르게 더 좋은 결과물을 만드는 것은 다른 이야기다. 어떤 기능이 어디에 쓰이는지 알고 쓰는 것이 결국 결과물의 차이를 만든다.
정리
Magic Studio 기능 목록을 한눈에 정리하면 이렇다.
기능
하는 일
추천 용도
Magic Media
텍스트로 이미지·영상 생성
블로그 이미지, SNS 배경 소재
Magic Eraser
사진 속 요소 제거
불필요한 사물·인물 제거
Magic Expand
이미지 영역 확장
비율 변환, 여백 확보
Magic Edit
사진 속 요소 교체
특정 부분 다른 요소로 변경
Magic Grab
피사체 분리
제품·인물 배경 분리
Magic Write
AI 텍스트 생성
짧은 카피, 캡션, 슬로건
Magic Design
자동 디자인 초안 생성
방향 잡기, 빠른 시작
Magic Morph
텍스트·요소에 스타일 적용
포스터 타이틀 임팩트
Magic Animate
애니메이션 자동 적용
스토리, 릴스, PPT
Magic Switch
형식·언어 변환
다국어 콘텐츠, 사이즈 변환
하나씩 써보는 게 가장 빠른 방법이다. Magic Eraser부터 시작해서 이미지 하나에 적용해보면, 나머지 기능들도 써보고 싶어진다.
본 카드뉴스는 AI 이미지 생성 기술을 활용해 제작되었습니다
함께 읽으면 좋은 글
Magic Studio를 제대로 활용하려면 캔바 기본기와 요금제를 함께 알아두는 게 좋다.
캔바 모바일 앱 사용법 완벽 가이드 — Magic Studio AI 기능은 모바일에서도 전부 쓸 수 있다. 모바일 인터페이스에서 어떻게 접근하는지 함께 알아두면 좋다.
캔바 사용법 한글 완벽 가이드 — 캔바를 처음 시작하거나 한글 폰트 설정이 헷갈린다면 이 글부터. AI 기능 전에 기본 흐름을 먼저 익혀두는 게 순서다.
