描画データはアップロードされますか？
いいえ。描画とSVG書き出しはブラウザ内で処理され、サーバー保存は行いません。
SVGスケッチパッド
美しいベクターパスを作成し、SVGコードとして直接エクスポートします。
このツールはPC環境に最適化されています。
• 描画 / 移動: クリックで点を追加。ドラッグで点を移動。
• 新しい線: Command/Ctrl + クリックで新しい線を開始。
• 選択: 点をクリック (赤), Shift + クリック (複数), または Option + ドラッグ (ボックス選択)。
• 編集: 選択した点をまとめて移動。Delete/Backspaceで削除。
• ショートカット: 元に戻す (Cmd+Z), やり直し (Cmd+Shift+Z)。
SVG スケッチ実務ガイド
SVG Sketchpadは、ラフスケッチを再利用可能なベクターパスに変換したい場面で有効です。アイコン原案、UIライン素材、軽量イラストなど、Web制作で扱いやすいデータ作成に向いています。
品質を上げるには、不要ノードを減らし、急角度の曲線を整えたうえで複数背景で確認することが重要です。SVGはテキスト形式なので、最適化や差分管理にも適しています。
書き出し前チェックリスト
- 最終出力前に不要ノードを間引く
- 明暗2種類の背景で視認性を確認する
- 再編集しやすいようグループ名を整理する
よくある質問
書き出したSVGは後から編集できますか？
可能です。標準SVGパスデータなので、デザインツールやコード上で再編集できます。
パスが複雑になりすぎた場合は？
制御点を減らし、複雑形状を複数パスへ分割して管理すると扱いやすくなります。