허브 · 도구 61개 · 섹션 4개

디자인 유틸리티, Mac 앱, 화면 녹화 도구

하나하나가 한나절을 아껴주는 작은 도구들입니다. 최적화·변환 도구, 메뉴 바에 상주하는 데스크톱 앱, 데모를 편집한 듯 보이게 만드는 녹화 도구, 그리고 생각을 펼쳐보는 화이트보드까지.

01 / 04

디자이너·개발자를 위한 웹 유틸리티

34섹션 열기

SVGOMG preview

SVGOMG웹 유틸리티SVG 파일을 최적화하고 정리할 수 있는 브라우저 기반 그래픽 도구입니다.

RegExr preview

RegExr웹 유틸리티브라우저에서 정규식을 작성하고 테스트할 수 있는 인터랙티브 플레이그라운드입니다.

Squoosh preview

Squoosh웹 유틸리티브라우저에서 바로 이미지를 압축하고 전후 결과를 나란히 비교할 수 있습니다.

Fffuel preview

Fffuel웹 유틸리티SVG 텍스처, 그레이디언트, 배경 패턴을 만들 수 있는 브라우저 툴킷입니다.

ui.camera preview

ui.camera웹 유틸리티소프트웨어 인터페이스를 선보일 수 있는 3D 목업과 연출 장면을 만듭니다.

Ray.so preview

Ray.so웹 유틸리티코드 스니펫을 몇 번의 클릭만으로 보기 좋고 공유하기 쉬운 이미지로 만들어 줍니다.

transform.tools

Transform preview

Transform웹 유틸리티JSON과 타입 정의를 다른 코드로 바꿔 주는 다중 포맷 변환기입니다.

Playgrnd preview

Playgrnd웹 유틸리티브라우저 안에서 완전히 오프라인으로 동작하는 크리에이티브 도구 모음입니다.

Anim8 preview

Anim8웹 유틸리티MP4 화면 녹화 영상을 가벼운 애니메이션 SVG 그래픽으로 변환합니다.

OGFolio preview

OGFolio웹 유틸리티공유했을 때 Open Graph 소셜 카드가 어떻게 보일지 미리 보고 확인할 수 있습니다.

dotforge.vercel.app

DotForge preview

DotForge웹 유틸리티웹 프로젝트에 바로 넣을 수 있는 디더 효과를 실시간으로 생성합니다.

ASCIInator preview

ASCIInator웹 유틸리티브라우저 창을 벗어나지 않고 이미지를 텍스트 기반 ASCII 아트로 변환합니다.

Vessa preview

Vessa웹 유틸리티브랜드 가이드라인을 팀이 공유할 수 있는 살아 있는 웹 페이지로 발행합니다.

Icoon preview

Icoon웹 유틸리티원하는 대로 맞춤형 3D 아이콘을 생성해 주는 AI 기반 도구입니다.

designminis.com

Design Minis preview

Design Minis웹 유틸리티작은 디자인 유틸리티와 스케일 생성기를 한곳에 모아 둔 모음입니다.

ascii.krackeddevs.com

ASCII (Kracked Devs) preview

ASCII (Kracked Devs)웹 유틸리티브라우저에서 일반 텍스트를 스타일리시한 ASCII 아트로 빠르게 변환합니다.

literate-enigma-snowy.vercel.app

Dither Lab preview

Dither Lab웹 유틸리티사진에 빈티지 스타일의 디더링 필터를 입힐 수 있는 도구입니다.

usehallmark.com

Hallmark preview

Hallmark웹 유틸리티손수 만든 듯한 페이지 디자인을 만들어 주는 랜딩 페이지 빌더입니다.

Tooooools preview

Tooooools웹 유틸리티이미지를 디더링하고 픽셀화할 수 있는 브라우저 기반 유틸리티 모음입니다.

Screan preview

Screan웹 유틸리티앱 등록 페이지를 돋보이게 할 App Store 홍보용 스크린샷 목업을 만듭니다.

PostSpark preview

PostSpark웹 유틸리티소셜 공유에 어울리는 깔끔한 배경으로 스크린샷을 꾸며 줍니다.

Drawably preview

Drawably웹 유틸리티사용자 인터페이스에 쓸 손으로 그린 듯한 도형을 만들어 주는 스케치 도구입니다.

Mesurer preview

Mesurer웹 유틸리티실제 웹사이트에서 픽셀 간격을 재고 확인할 수 있는 화면용 자입니다.

render-labs.evlog.cloud

render-labs.evlog.cloud

Render Labs웹 유틸리티evlog 팀이 디자이너와 개발자를 위해 만든 이미지 렌더링 도구입니다.

Butterfly preview

Butterfly웹 유틸리티제품 아이디어를 빠르게 검증하도록 군더더기를 덜어낸 랜딩 페이지 빌더입니다.

Corne preview

Corne웹 유틸리티Corne 분리형 키보드에 관한 모든 것을 담은 문서와 참고 자료입니다.

Shiori preview

Shiori웹 유틸리티커맨드라인에서 동작하고 Raycast와 연동되는 북마크 관리 도구입니다.

opensource-together.com

Open Source Together preview

Open Source Together웹 유틸리티개발자와 기여할 오픈소스 프로젝트를 연결해 주는 플랫폼입니다.

asciistudio.space

ASCII Studio preview

ASCII Studio웹 유틸리티이미지와 영상을 모두 텍스트 ASCII 아트로 변환하는 브라우저 기반 스튜디오입니다.

Tabbied preview

Tabbied웹 유틸리티기하학적 패턴을 만들어 SVG로 내보낼 수 있는 제너러티브 도구입니다.

studio.rynix.in

Rynix Studio preview

Rynix Studio웹 유틸리티영상에 실시간 비주얼 이펙트를 적용하며 실험해 볼 수 있는 플레이그라운드입니다.

Mascofast preview

Mascofast웹 유틸리티투명 배경의 애니메이션 3D 마스코트를 만들어 주는 AI 도구입니다.

screenshot-studio.com

Screenshot Studio preview

Screenshot Studio웹 유틸리티밋밋한 스크린샷을 사실적인 3D 목업으로 감싸 주는, 디자이너와 개발자를 위한 편리한 브라우저 유틸리티입니다.

Replay preview

Replay웹 유틸리티실제 방문자의 세션을 기록해 사람들이 사이트를 어떻게 사용하는지 다시 재생해 볼 수 있습니다.

02 / 04

디자이너·개발자를 위한 데스크톱 앱

12섹션 열기

Raycast preview

Raycast데스크톱 앱명령 실행과 검색을 처리하며 Spotlight를 대신하는, 확장 가능한 Mac 런처입니다.

Ghostty preview

Ghostty데스크톱 앱속도를 중시해 만든, 커맨드라인 개발자를 위한 GPU 가속 터미널 에뮬레이터입니다.

Warp preview

Warp데스크톱 앱Rust로 작성되어 명령 출력을 블록 단위로 묶고 AI 지원을 더한 터미널입니다.

CleanShot X preview

CleanShot X데스크톱 앱스크린샷 촬영과 화면 녹화를 하나로 묶은 Mac 데스크톱 유틸리티입니다.

Granola preview

Granola데스크톱 앱통화에 봇을 들여보내지 않고도 회의 요약을 작성해 주는 AI 노트 앱입니다.

LocalSend preview

LocalSend데스크톱 앱로컬 Wi-Fi 네트워크로 가까이 있는 기기 간에 파일을 안전하게 전송합니다.

Canario preview

Canario데스크톱 앱커맨드라인 세션을 여러 개의 분할 창으로 배치해 주는 터미널입니다.

CoolDock preview

CoolDock데스크톱 앱앱과 함께 모니터링 위젯을 올려 둘 수 있는 보조 데스크톱 독입니다.

Supaste preview

Supaste데스크톱 앱클립보드를 관리하고 지난 스크린샷 기록까지 보관해 주는 Mac 앱입니다.

Runey preview

Runey데스크톱 앱프리랜서가 인보이스를 보내고 고객을 한 앱에서 관리하도록 도와줍니다.

Revone preview

Revone데스크톱 앱여러 도구에 흩어진 결제 지표를 하나의 매출 대시보드로 모아 줍니다.

zen-browser.app

Zen Browser preview

Zen Browser데스크톱 앱세로 탭과 군더더기 없는 집중형 인터페이스를 더한 Firefox 포크입니다.

03 / 04

화면 녹화와 영상 도구

11섹션 열기

Screen Studio preview

Screen Studio화면 녹화녹화 영상에 부드러운 카메라 줌을 자동으로 더해 주는 화면 녹화 도구입니다.

Remotion preview

Remotion화면 녹화React 컴포넌트를 사용해 영상을 프로그래밍 방식으로 만들고 렌더링할 수 있습니다.

blackmagicdesign.com

DaVinci Resolve preview

DaVinci Resolve화면 녹화영상 편집과 컬러 그레이딩을 하나의 워크플로로 묶은 전문가용 애플리케이션입니다.

Descript preview

Descript화면 녹화자막 텍스트를 편집하듯 영상을 잘라낼 수 있는 AI 영상 편집기입니다.

Gifski preview

Gifski화면 녹화원본 프레임 속도를 유지하면서 영상을 고품질 GIF로 변환합니다.

Slant It preview

Slant It화면 녹화밋밋한 화면 캡처를 비스듬한 3D 목업으로 바꿔 줍니다.

Remocn preview

Remocn화면 녹화영상 제작에 바로 넣어 쓸 수 있는 기성 Remotion 애니메이션 컴포넌트입니다.

bettershot.site

BetterShot preview

BetterShot화면 녹화녹화 영상에 커서 줌과 자막을 더해 주는 화면 녹화 도구입니다.

Recordly preview

Recordly화면 녹화완성도 높은 개발자 데모를 꾸리기 위한 화면 녹화 도구입니다.

Cursorful preview

Cursorful화면 녹화녹화하는 동안 커서를 자동으로 따라가 주는 화면 녹화 도구입니다.

Tokokino preview

Tokokino화면 녹화이 브라우저 기반 에디터에서 바로 캡처를 디바이스 목업에 담아낼 수 있습니다.

04 / 04

화이트보드와 스케치 도구

tldraw preview

tldraw화이트보드React SDK를 통해 직접 만든 앱에 임베드할 수 있는 무한 캔버스 화이트보드입니다.

Excalidraw preview

Excalidraw화이트보드모든 것을 손으로 그린 스케치 스타일로 그려 주는 협업용 온라인 화이트보드입니다.

Obsidian preview

Obsidian화이트보드노트를 시각적 그래프로 연결해 주는 로컬 우선 Markdown 지식 베이스입니다.

Linear preview

Linear화이트보드속도를 중심으로 설계된, 업무를 계획하고 추적하는 프로젝트 관리 소프트웨어입니다.

디자인 유틸리티, Mac 앱, 화면 녹화 도구 — Designeer