Sketch

Sketch는 사용자 인터페이스와 디지털 제품의 화면 디자인, 컴포넌트·디자인 시스템 및 프로토타이핑에 초점을 둔 2D 그래픽 소프트웨어다. Mac에서 설계 문서를 편집하는 프로그램으로 발전했으며, Figma, Penpot, Adobe XD 등과 UI·UX 디자인 작업을 공유한다. 고전...

분류2D 그래픽 소프트웨어, UI·UX 및 디자인 시스템 제작 플랫폼
개발Sketch B.V. (이전 Bohemian Coding)
플랫폼macOS 설계 앱; 웹 협업·iOS 미리보기
작성 언어구현 언어 전체 공식 미공개
주요 기능UI·UX 및 디자인 시스템 제작 플랫폼
파일 형식SKETCH 문서, SVG·PNG·PDF 등
공식 웹사이트사이트

Sketch는 사용자 인터페이스와 디지털 제품의 화면 디자인, 컴포넌트·디자인 시스템 및 프로토타이핑에 초점을 둔 2D 그래픽 소프트웨어다. Mac에서 설계 문서를 편집하는 프로그램으로 발전했으며, Figma, Penpot, Adobe XD 등과 UI·UX 디자인 작업을 공유한다. 고전적 일러스트레이션 도구 Adobe Illustrator나 Inkscape와 벡터 기술을 공유하지만 제품 제작 협업 기능의 비중이 크다.[1]

Sketch의 Mac 앱에서는 프레임·도형·경로·텍스트·이미지 레이어를 배치하고 크기·위치·색상·효과 등을 편집한다. 심벌과 구성 요소, 공유 라이브러리·텍스트 스타일·색상 변수 등을 이용해 여러 화면에서 공통 시각 요소를 재사용할 수 있다. 여러 크기의 화면에 맞추는 레이아웃 규칙과 컴포넌트 변경의 동기화는 대형 UI 프로젝트의 유지 관리에 중요하다.

프로토타입은 여러 화면 사이의 이동과 반응을 표현하여 사용 흐름을 미리 확인하도록 돕는다. 개발자는 웹 인터페이스에서 파일을 검토하고 사양을 확인하며, 댓글과 협업 워크스페이스에서 디자인을 함께 조정한다. 2026년 Sketch는 Mac 앱·웹 앱·iOS 앱이 서로 다른 역할을 수행한다고 안내한다.[2]

Sketch의 SKETCH 파일은 편집 가능한 아트보드·객체·스타일·구성 요소를 보존하는 원본 문서다. PNG·SVG·PDF 등으로 출력하면 디자인의 시각적 결과와 일부분을 전달할 수 있지만 프로토타입·변형·컴포넌트 관계 전체가 그대로 유지되는 것은 아니다. Rive·SVGator 등 후속 애니메이션 도구와의 협업에서도 이 차이가 중요하다.

Sketch는 Mac 전용 설계 인터페이스와 여러 기기에서 접근할 수 있는 웹 검토 환경을 결합한다. Figma나 Penpot처럼 편집 자체를 웹 브라우저에서 수행하는 방식과는 일부 워크플로가 다르며, 플랫폼에 맞는 컴포넌트와 디자인 토큰을 관리하는 것이 핵심이다.

역사와 발전

개발 배경

주요 변화

Mac 앱·웹 앱·iOS 앱

벡터 UI 디자인

심벌·라이브러리·스타일

프로토타입과 개발자 핸드오프

SKETCH 파일과 출력

관련 문서

  1. Sketch 공식 자료 ↩
  2. Sketch 기술·역사 자료 ↩