ベクターデザイン + フォント作成

ブラウザだけでベクターグラフィックとフォントを作成できます。

SVG アートをデザインし、ピクセルフォントを作成し、自作フォントを再利用して、デスクトップソフトをインストールせずに実用的なファイルを書き出せます。

作成と書き出しにアカウントは不要です。クラウド保存、公開共有、複数デバイスでの利用が必要なときだけサインインしてください。

SVG編集可能なベクター書き出し
TTFブラウザからフォントを書き出し
作業中に元に戻す・やり直す
非公開または公開プロジェクト
1つのクリエイティブワークスペース

アートを作る。書体を作る。一緒に使う。

DesignVector は、通常は別々になりがちなベクターイラストとフォント作成を1つにつなげます。保存したフォントはベクターデザインのタイポグラフィ操作に表示されるため、字形グリッドから実際のレイアウトまで、Web アプリを離れずに使えます。

集中して使えるベクターエディター

テキスト、長方形、楕円、フリーハンドパス、画像レイヤーを作成できます。グループ化、並べ替え、ロック、非表示、塗り、グラデーション、線、不透明度、マスク、影にも対応します。

TTFを書き出せるフォントワークショップ

ピクセルグリッドで字形を描き、作業中に単語をプレビューし、編集を前後に戻しながら、ブラウザから本物の TrueType フォントを書き出せます。

デザインとフォントを整理できる明快なライブラリ

サインインすると、保存したデザインとフォントがプレビュー、公開状態、更新日時付きで1つの検索可能なライブラリに整理されます。項目を開けばすぐに作業を続けられます。

アートにぴったり合うアートボード

正確なドキュメントサイズを指定するか、SVG アートボードを実際の作品境界に合わせ、余白も設定できます。不要な空白を含まない書き出しが可能です。

最初のアイデアから再利用できる素材へ

見るためではなく、作るために設計されたブラウザワークフロー。

DesignVector はビジュアル素材を作るためのインタラクティブな Web アプリです。匿名のまま始め、ベクター作品やフォントを作成してローカルに書き出せます。同期、個人ライブラリ、公開共有が必要な場合だけアカウントを作成します。

  1. 01

    すぐに作り始める

    エディターをすぐ開けます。キャンバスの前にアカウント登録の壁はありません。

  2. 02

    安心して試行錯誤

    ベクター編集とフォント編集の両方で元に戻す・やり直すを使えます。レイヤーや字形の状態も明確で復元可能です。

  3. 03

    好きな方法で保存

    ゲストならローカル下書きを保持できます。サインインするとプロジェクトを同期し、デザインやフォントごとに非公開または公開を選べます。

  4. 04

    標準ファイルを書き出し

    ベクター作品は SVG、フォントは TTF でダウンロードできます。保存したカスタムフォントは DesignVector の作品内でも使用できます。

DesignVector に関する質問

この Web アプリでは実際に何ができますか?

クリエイター、チーム、軽量なベクター・フォント作業向けのブラウザツールを検討している方への明確な回答です。

アカウントを作らずに DesignVector を使えますか?

はい。ゲストでもベクターとフォントのエディターを使え、ローカル下書きを端末に保存できます。SVG と TTF の書き出しにも登録は不要です。クラウド同期と公開共有にはアカウントが必要です。

作成したフォントをベクターデザインで使えますか?

はい。保存した DesignVector フォントはベクターエディターのフォント選択に読み込まれます。カスタムフォントを使った場合、書き出す SVG にフォントを埋め込むこともでき、見た目を保ったまま持ち運べます。

公開プロジェクトと非公開プロジェクトの違いは?

非公開項目はサインインした所有者だけが利用できます。公開デザインやフォントは「探索」に表示され、他の訪問者が開けます。公開状態は保存時に変更できます。

SVG 書き出し周辺の余白を消すには?

「アートボードを作品に合わせる」を使います。DesignVector が表示中のベクター内容の境界を計算し、指定した余白を加えて、書き出し前に viewBox を更新します。幅と高さを正確に入力することもできます。

DesignVector