감각적인 디자인을 만드세요

빌더를 위한 AI 크리에이티브 팀이에요. 만들고 있는 것을 설명하면 완성된 프로덕션 수준의 제품 UI를 디자인해요. 실제 화면, 일관된 디자인 시스템, 그리고 첫 화면부터 마지막 화면까지 흐트러지지 않는 디테일까지요.

생성된 UI는 대부분 슬롭으로 흘러가요. 어울리지 않는 서체, 제멋대로인 테두리, 관점 없는 레이아웃이죠. Gesso의 에이전트는 살아 있는 디자인 스펙을 기준으로 디자인하고, 첫 화면부터 마지막 화면까지 시각 언어를 일관되게 유지해요.

바이브 코딩을 하는 빌더, 창업자, 디자이너를 위한 거예요. 핸드오프 단계 없이도 의도가 느껴지는 디자인을 원하는, 제품을 출시하는 모든 분이요. 여기서 디자인한 것은 코딩 에이전트가 보고 만들 수 있는 실제 HTML과 CSS로 나와요.

채팅은 한 줄로 이어져요. 결과물 하나를 스레드를 따라 고쳐 나가고, 누구에게나 같은 기본값이 나오죠. Gesso는 정말로 서로 다른 디자인 방향을 캔버스에 나란히 생성해요. 그래서 하나를 붙잡고 조정하는 대신 실제 선택지 중에서 고를 수 있어요.

네, 모든 요금제에서 쓸 수 있어요. 명령 한 줄과 브라우저 로그인으로 호스팅형 MCP 서버를 Claude Code, Cursor, Codex에 추가하세요. 에이전트가 디자인 방향을 생성하고 수정하고, 화면과 토큰을 저장소로 내보내고, 디자인 검토를 실행할 수 있어요.

Gesso는 크레딧으로 운영돼요. 완성된 디자인 하나는 10 크레딧이고, 수정은 그 일부만 들어요. Free 계정은 매월 60 크레딧을 받아요. Pro는 월 $20에 이월되는 120 크레딧과 원하는 모델 선택이 포함돼요. Ultra는 월 $100에 400 크레딧이에요. 요금 보기.

생성된 UI의 티를 잡아내는 실행 가능한 규칙 73개예요. 그러데이션으로 잘라 낸 헤드라인, 아무도 고르지 않은 강조색, 아이콘 시스템을 대신하는 이모지 같은 것들이죠. Gesso가 프로덕션에서 생성하는 모든 화면에 적용되고, MIT 라이선스 오픈 소스로 Gesso-Build/skills에 공개되어 있어요.

에이전트가 보고 만들 수 있는 파일로 들어가요. HTML과 CSS로 된 화면, 디자인 토큰, 그리고 그 뒤의 결정을 기록한 design.md예요. MCP를 쓰면 에이전트가 저장소로 바로 가져오고, 쓰지 않더라도 내보낸 HTML과 CSS를 어떤 코딩 에이전트에든 붙여 넣을 수 있어요. 빌드를 디자인에 충실하게 유지하는 일은 여전히 에이전트의 몫이고, Gesso는 그 작업의 기준이 될 소스를 제공해요.

Gesso는 베타 중이고 누구에게나 열려 있어요. 시작하기를 누르면 바로 첫 브리프를 시작할 수 있어요.