SVG 스케치패드

아름다운 벡터 경로를 만들고 SVG 코드로 바로 내보내세요.

이 도구는 PC 환경에 최적화되어 있습니다.

그리기 / 이동: 클릭하여 점 추가. 드래그하여 점 이동.

새 선: Command/Ctrl + 클릭으로 끊어진 선 시작.

선택: 점 클릭 (빨강), Shift + 클릭 (다중), 또는 Option + 드래그 (박스 선택).

편집: 선택된 점들을 함께 이동. Delete/Backspace로 삭제.

단축키: 실행 취소 (Cmd+Z), 다시 실행 (Cmd+Shift+Z).

SVG 스케치 작업 가이드

SVG Sketchpad는 러프 스케치를 웹에서 바로 벡터 패스로 바꾸고 싶을 때 유용합니다. 아이콘 초안, 별자리 스타일 그래픽, UI 라인 아트처럼 경량 벡터 자산 제작에 적합합니다.

실무에서는 불필요한 노드를 줄이고, 급격한 곡선 구간을 정리한 뒤 밝은/어두운 배경에서 모두 확인하는 것이 좋습니다. SVG는 텍스트 기반이라 최적화와 버전 관리가 쉽습니다.

내보내기 체크리스트

  • 최종 내보내기 전 불필요한 노드 정리
  • 밝은/어두운 배경 모두에서 렌더링 확인
  • 후속 수정용으로 그룹/레이어 이름 정리

자주 묻는 질문

그림 데이터가 서버에 저장되나요?

아니요. 드로잉과 SVG 내보내기는 브라우저에서 처리됩니다.

내보낸 SVG 코드를 다시 수정할 수 있나요?

네. 표준 SVG path 데이터이므로 코드 편집기나 벡터 툴에서 수정 가능합니다.

패스가 너무 복잡해지면 어떻게 하나요?

제어점을 줄이고 형태를 여러 개의 단순 경로로 분리해 관리하세요.

도움이 되셨나요? 💖

여러분의 후원은 무료 도구 운영에 큰 힘이 됩니다. ☕️