웹페이지를 스크린샷이 아니라 편집 가능한 Figma 레이어로 — 브라우저에 떠 있는 화면을 그대로 읽어서 로그인 뒤 화면과 localhost도 된다. flex·grid는 Auto Layout으로, 월 5회 무료
이 놀이터의 일원이 되어, 첫 v0.1을 공개해봐요.
약속은 캘린더에서만 생기지 않는다 — 메신저 대화·공지·이미지·메모를 iOS 공유하기로 보내면 AI가 일정을 찾아 캘린더에 넣고, ‘다음 주 화요일 저녁 약속 추가해줘’처럼 말로도. Slack 연동
할 일은 이 앱, 일정은 저 앱, 기념일은 또 다른 앱을 오가다 셋을 한 화면에 — 가장 공들인 건 동기화: 회사 PC에서 적은 게 집 컴퓨터와 폰에 바로 뜨고 와이파이가 끊겨도 연결되면 알아서 맞춰짐. Next.js + Tauri 한 코드로 웹·Windows·macOS
생활계산기 모음으로 시작해 공공데이터포털 API를 붙이며 넓어진 사이트 — 실거래가·동네 상가 수·주유소 최저가·응급실 실시간·나라장터 입찰까지 25개. ‘진짜 검색해서 들어올 만한’ 것만 골랐고 가입·광고·개인정보 수집 없음
마케팅 현업에서 연봉 실수령액을 어림잡고 광고 지표를 매번 엑셀로 짜던 사람이 하나씩 만든 계산기 — CPM·CTR·ROAS, 퇴직금, 키워드 조합기, 실무 가이드 18개. Vercel 무료 플랜이 애드센스를 막아 Cloudflare로 옮긴 삽질까지
작은 일 하나 처리하려고 매번 다른 사이트에서 광고 피하고 가입하는 게 싫어서 — 글자수·이미지 압축·PDF 합치기·HWP 뷰어·퇴직금 계산까지 100개, 9개 분류. 입력은 서버로 안 보내고 브라우저에서만 처리, PWA
시크릿 창에 열어 둔 탭을 업데이트로 다 잃은 경험에서 — 보고 있는 페이지를 암호화 보관함에 저장하고 평소엔 공간형 메모장으로 쓰는 Chrome 확장 + 웹 보관함. “두 탭이 동시에 저장할 때” 버그를 먼저 고친 베타
Dreamboat은 한국 인디 메이커들의 v0.1부터 시작한 changelog가 모이는 곳입니다.
이 놀이터의 일원이 되어, 첫 v0.1을 공개해봐요.
html2design은 웹페이지를 스크린샷이 아니라 편집 가능한 Figma 레이어로 옮기는 도구입니다. 계기는 리디자인 킥오프에서 들은 한마디 — “지금 화면들 Figma로 받을 수 있어요?” 기존 도구를 먼저 써봤는데, URL만 넣으면 자기네 서버가 렌더해서 가져오는 방식은 세션이 필요한 화면과 localhost를 못 봅니다. 회사 어드민 화면의 DOM이 외부 서버를 경유하는 것도 마음에 걸렸다고 합니다. 그래서 지금 브라우저에 떠 있는 화면을 그대로 읽는 쪽으로 만들었습니다.
html2design은 웹페이지를 스크린샷이 아니라 편집 가능한 Figma 레이어로 옮기는 도구입니다. 한국 인디 메이커 생태계의 생산성 사례로 Dreamboat 디스커버에 수록돼 있습니다.
html2design (zigae) — 리디자인을 앞두고 현재 화면을 Figma로 받아야 하는 디자이너·프론트엔드 개발자, 로그인 뒤 어드민 화면·localhost 개발 화면을 Figma로 옮겨야 하는 팀, 회사 화면의 DOM을 외부 서버로 보내면 안 되는 보안 환경, 크롬 확장·Figma 플러그인 심사 반려 사례를 참고하려는 메이커에게 맞습니다.
html2design (zigae) 공식 사이트는 html2design.zigae.com 이며, 여기서 바로 이용할 수 있습니다. Dreamboat 디스커버에서는 이 서비스가 무엇이고 누구에게 맞는지, 비슷한 한국 인디 메이커 서비스는 무엇이 있는지 함께 정리해 두었습니다.
