디자인 툴

제작, 협업, 프로토타이핑, 이미지 최적화까지 실무에 쓰는 도구입니다.

툴은 새로 나오는 것보다 지금 쓰는 걸 잘 쓰는 게 먼저입니다. 다만 일이 바뀌면 툴도 바뀌어야 할 때가 있어서, 어떤 상황에 무엇을 여는지 정리해 둡니다.

마지막으로 고친 날 2026. 10. 14 · 업데이트 기록 · 이 분야 안내

• Figmafigma.com

  UI 디자인·프로토타이핑·협업의 표준 툴.

• Framerframer.com

  디자인하듯 웹사이트를 만들어 바로 배포하는 노코드 빌더.

• Webflowwebflow.com

  CMS까지 갖춘 비주얼 웹 빌더.

• ProtoPieprotopie.io

  코드 없이 고급 인터랙션을 만드는 국산 프로토타이핑 툴.

• Riverive.app

  인터랙티브 벡터 애니메이션 제작 툴.

• Splinespline.design

  웹용 3D 디자인 툴. 인터랙티브 3D를 쉽게 제작.

• Adobe Creative Cloudadobe.com

  포토샵, 일러스트레이터, 인디자인 등.

• Affinityaffinity.studio

  어도비 대안 그래픽 툴. 2025년 캔바 인수 후 무료로 전환.

• Canvacanva.com

  템플릿 기반 간편 디자인 툴.

• Photopeaphotopea.com

  브라우저에서 돌아가는 무료 포토샵 대체 툴.

• Procreateprocreate.com

  iPad 드로잉·페인팅 앱.

• Blenderblender.org

  무료 오픈소스 3D 제작 툴.

• Glyphsglyphsapp.com

  맥용 폰트 제작 툴. 한글 폰트 제작에도 널리 사용.

• FontForgefontforge.org

  무료 오픈소스 폰트 에디터.

• Miromiro.com

  온라인 화이트보드. 워크숍·리서치 정리.

• Whimsicalwhimsical.com

  와이어프레임·플로우차트·마인드맵을 빠르게 그리는 툴.

• Excalidrawexcalidraw.com

  손그림 느낌의 무료 다이어그램 툴.

• Notionnotion.com

  문서·프로젝트 관리. 포트폴리오 페이지로도 활용.

• Mazemaze.co

  프로토타입 사용성 테스트·설문 플랫폼.

• Hotjarcontentsquare.com

  히트맵·세션 녹화로 실제 사용자 행동 분석. 현재 Contentsquare에 합류.

• TinyPNGtinypng.com

  PNG·JPG·WebP 이미지 압축.

• Squooshsquoosh.app

  구글의 브라우저 이미지 압축·변환 툴.

• remove.bgremove.bg

  이미지 배경을 자동으로 제거.

• Screen Studioscreen.studio

  자동 줌·모션이 들어간 세련된 화면 녹화(맥).

• CleanShot Xcleanshot.com

  맥용 스크린샷·녹화 툴.

• Toools.designtoools.design

  디자인 리소스·툴 1,500개 이상을 모아둔 디렉터리.

• Sketchsketch.com

  맥 전용 UI 디자인 툴. Figma 이전의 표준.

• Penpotpenpot.app

  오픈소스 디자인·프로토타이핑 툴. Figma의 무료 대안.

• Jitterjitter.video

  브라우저에서 쓰는 간편한 모션·애니메이션 디자인 툴. Figma 연동.

• Loomloom.com

  화면 녹화로 디자인 설명 영상을 빠르게 공유.