SVG 파일을 Draw.io 라이브러리 구성 요소로 변환하세요. 여러 파일을 업로드하거나, SVG 코드를 붙여넣거나, 드래그 앤 드롭으로 바로 시작할 수 있습니다.
파일 업로드, 드래그 앤 드롭, SVG 코드 직접 입력을 지원합니다.
여러 SVG 파일을 한 번에 변환할 수 있으며, 미리보기 기능도 제공합니다.
생성된 라이브러리는 Draw.io 다이어그램과 원활하게 작동합니다.
이 도구는 SVG 파일이나 SVG 원시 코드를 Draw.io용 맞춤형 라이브러리로 변환합니다. 변환이 완료되면 하나의 .xml 파일을 다운로드하여 Draw.io(diagrams.net)에 바로 가져올 수 있습니다.
SVG를 추가하는 방법은 두 가지입니다:
업로드하거나 붙여넣은 SVG는 썸네일이 있는 목록에 표시됩니다. 라이브러리를 생성하기 전에 파일 이름을 변경하거나 삭제할 수 있습니다.
"Draw.io 라이브러리 생성" 버튼을 클릭하세요. 모든 SVG가 포함된 다운로드 가능한 .xml 파일이 생성됩니다.
Draw.io를 열고 파일 → 라이브러리 열기 → 장치에서 를 선택하세요. 다운로드한 파일을 선택하면 맞춤형 도형을 바로 사용할 수 있습니다. 도움이 필요하신가요? 이 가이드를 참조하세요: https://svgtodraw.io/import.html.
둘 다 다이어그램에 사용되지만, SVG와 Draw.io는 전혀 다른 역할을 합니다. 다음은 그 비교입니다:
| 항목 | SVG | Draw.io |
|---|---|---|
| 유형 | 벡터 이미지 형식 (XML 기반) | 다이어그램 제작 도구 |
| 목적 | 아이콘, 로고, 확장 가능한 일러스트 제작 | 다이어그램, 순서도, UML, 마인드맵 작성 |
| 편집 가능? | 예 – 텍스트 또는 디자인 도구로 | 예 – 시각적 인터페이스로 |
| SVG 사용 가능? | 그 자체가 SVG | 예 – 가져오기 또는 커스텀 라이브러리 사용 |
| 출력 형식 | .svg | .drawio, .xml, .png 등 |
SVG(Scalable Vector Graphics)는 벡터 그래픽을 위한 오픈 표준입니다. 비트맵 이미지와 달리 SVG는 크기를 아무리 늘려도 품질 저하가 없습니다. 반응형 아이콘, 일러스트, UI 요소 및 로고에 이상적입니다.
Draw.io(diagrams.net)는 수백만 명이 사용하는 무료 온라인 다이어그램 편집기로, 순서도, UML, 시스템 설계 등을 제작할 수 있습니다. 오픈 소스이며, 오프라인에서도 작동하며 맞춤형 라이브러리 가져오기를 지원합니다.
이 앱에 SVG를 업로드하거나 붙여넣기만 하면, 바로 다운로드 가능한 .xml 파일로 변환됩니다. 이 파일은 Draw.io에 맞춤형 라이브러리로 가져올 수 있어 아이콘, 도형, 디자인 시스템을 쉽게 재사용할 수 있습니다.