디자이너가 Figma에서 시안을 만들고, 개발자에게 넘기고, 개발자가 코드로 다시 구현하고, 검토 후 다시 수정 요청이 오는 루프. 누구나 익숙한 그 사이클이 Dessn의 출발점이에요.

3초 요약
코드베이스 연결 → 브라우저에서 UI 수정 → AI가 코드 생성 → GitHub PR 자동 생성 → 개발자 리뷰 후 머지

이게 뭔데?

Dessn은 런던 기반 스타트업이에요. 공동창업자 Gabriella Hachem과 Nim Cheema가 2024년에 설립했고, 2026년 5월에 Connect Ventures 주도로 $6M 시드 투자를 받았어요. Betaworks와 N49P도 참여했고, 지금 팀은 4명이에요.

제품의 핵심 아이디어는 단순해요. 디자인 도구를 코드베이스 바깥이 아니라 안으로 가져오는 것. 기존 도구들은 Figma에서 만든 시안을 나중에 코드로 변환하는 방식이에요. Dessn은 반대 방향이에요 — 이미 있는 코드베이스를 디자인 환경으로 쓰는 거죠.

작동 방식은 이래요. GitHub 저장소에 읽기 권한을 부여하면 Dessn이 해당 코드베이스를 클라우드에서 실행해요. 로컬 개발 환경 세팅이 필요 없어요. 그 위에서 디자이너가 브라우저 인터페이스로 UI를 수정하면, AI가 코드를 생성하고 변경사항이 GitHub PR로 올라가요.

Betaworks 파트너 Jordan Crook은 이렇게 표현했어요. "Figma가 지금 창업한다면 만들었을 도구." 오랫동안 당연하게 여겼던 "디자인 도구 → 개발자 핸드오프" 패턴을 통째로 건너뛰는 제품이에요.

$6M
시드 투자금 (2026년 5월)
4명
현재 팀 규모
5시간+
일부 유저 일일 평균 사용 시간

현재 고객은 헬스케어 회사 Color, 음성 AI 스타트업 Wispr, 핀테크 Mercury예요. Wispr의 Product Design Lead Abigail Augustine의 말이에요. "팀 전체가 Dessn을 정말 좋아하고 있어요. 다시 창의적인 느낌이 들어요."

뭐가 달라지는 건데?

핵심 차이는 "어디서 작업하느냐"예요. 기존 도구들은 전부 코드 밖에서 디자인을 만들고 나중에 코드로 연결하는 방식이에요. Dessn은 처음부터 코드 안에서 시작해요.

기존 방식 (Figma → 핸드오프)Dessn 방식
작업 공간Figma (코드 밖)실제 코드베이스 안
구현 충실도시안과 구현 간 갭 발생코드베이스 내 완벽한 충실도
핸드오프개발자가 시안 보고 재구현GitHub PR로 직접 반영
이터레이션시안 수정 → 재전달 루프실제 컴포넌트에서 즉시 수정
로컬 환경개발자 세팅 필요클라우드 실행, 세팅 불필요

창업자 Nim Cheema가 베팅한 논리가 흥미로워요. "2년 전 창업할 때 우리 thesis는 코드가 상품화될 것이라는 거였어요." AI가 코드 생성을 쉽게 만들수록, 실제로 차별화되는 건 디자인이 된다는 거죠. 그래서 디자인에 집중하는 도구를 만들었다는 설명이에요.

실제 차별점은 기존 AI 디자인 도구(Lovable, v0, Framer Wireframer 등)와 비교하면 더 선명해져요. 저 도구들은 전부 "처음부터 만들기"에 최적화되어 있어요. Dessn은 반대로 "이미 있는 걸 빠르게 바꾸기"에 집중해요. 코드베이스가 없는 팀에게는 쓸 이유가 없고, 이미 프로덕션 제품을 운영하는 팀에게는 진짜 유용한 도구예요.

누구에게 맞는 도구인가요?

운영 중인 React 기반 제품이 있고, 디자이너가 개발자에게 일일이 수정 요청을 넣는 병목을 없애고 싶은 팀에게 맞아요. 아이디어 단계에서 처음부터 시안을 만드는 용도로는 Figma나 Framer가 더 적합해요.

핵심만 정리: 시작하는 법

  1. dessn.ai에서 가입
    무료로 시작할 수 있어요. 리포지토리 1개 연결, 주 5회 프롬프트가 무료 플랜이에요. 신용카드 없이 시작 가능해요.
  2. GitHub 저장소 연결
    읽기 권한만 주면 돼요. Dessn이 코드베이스를 클라우드에서 자동으로 컴파일해요. 로컬 개발 환경 세팅은 필요 없어요.
  3. 브라우저에서 UI 변경 시작
    실제 컴포넌트가 렌더링된 화면 위에서 자연어로 수정을 요청해요. "이 버튼 색상을 브랜드 프라이머리로 바꿔줘", "여기 패딩 16px로" 같은 구체적인 지시가 효과적이에요.
  4. GitHub PR 확인
    변경사항이 자동으로 PR로 올라와요. 개발자는 평소 코드 리뷰처럼 확인하고 머지하면 돼요.
  5. 유료 플랜 전환 시점
    주 5회 프롬프트를 모두 소진하면 $39/월 플랜으로 전환하세요. 더 많은 프롬프트, 공개 공유 링크, AI 학습 데이터 제공 거부 옵션이 포함돼요.

아직 초기 단계예요

Dessn은 지금 4인 팀이 만드는 초기 제품이에요. 복잡한 상태 관리가 많거나, React 외 프레임워크가 주를 이루는 코드베이스라면 아직 제한이 있을 수 있어요. 먼저 무료 플랜으로 본인 코드베이스에서 직접 테스트해보는 걸 추천해요.

🔗

더 깊이 파고 싶다면

Dessn — Design in production
공식 사이트. 연결 방법, 주요 기능, 실제 고객 사례와 요금제를 확인할 수 있어요.
Dessn raises $6M for its production-focused design tool
TechCrunch 원본 보도. 창업자 인터뷰와 투자 맥락, 경쟁 포지셔닝이 잘 정리되어 있어요.
AI Design Startup Dessn Secures $6M
The AI Insider의 분석 기사. Figma 등 기존 도구들과의 차별점을 비교 분석해요.
Dessn raises $6m to bring designers and PMs into production
공식 보도자료. 창업자 Gabriella Hachem의 비전과 실제 사용자 인용구가 담겨 있어요.
Dessn Raises $6M — Code is Getting Cheap
Briefs.co 분석. 코드 상품화 시대에 디자인이 경쟁 핵심 역량이 된다는 창업자 thesis를 깊게 다뤄요.
Dessn raised $6M to run code in the cloud
기술 관점 분석. 코드베이스를 클라우드에서 실행하는 방식과 의존성 추상화 기술을 설명해요.