多様なリソースカタログ
UIキット、テンプレート、イラスト、アイコン、フォント、モックアップ、3D素材、ワイヤーフレーム、プレゼンテーションなど、無料・有料のデザインリソースをまとめたマーケットプレイスを閲覧できます。
Craftwork
Craftworkは、UIキット、モックアップ、フォント、イラスト、アイコン、3D素材などの無料・有料デザイン素材を集めたマーケットプレイス。Pro Accessと、Figmaや対応AIワークフローで使えるMCPサーバーも提供します。
デザインリソースのマーケットプレイスとワークフローライブラリ
Craftworkは、UIキット、テンプレート、イラスト、アイコン、フォント、モックアップ、3D素材、関連するWebデザイン素材を扱うデザインリソースのマーケットプレイスです。無料ダウンロード、プレミアム製品、厳選されたインスピレーションをひとつのカタログにまとめ、デザイナー、開発者、スタジオ向けに提供しています。
このサイトでは、ライブラリを単なる販売サイトではなくワークフローツールとしても位置付けています。ユーザーはコレクションを閲覧し、特定の素材を検索し、インスピレーションページを開き、Craftworkの素材をFigma、AIツール、またはコード中心のワークフローで利用できます。Pro Accessでライブラリ全体と商用利用が解放され、MCPサーバーがカタログを対応AIツールに接続します。
主な機能
パックと単体素材
クイック編集から公開前提の完成セットまで、プロダクト制作のさまざまな段階に対応する個別のデザイン要素や大きなパックを見つけられます。
検索しやすいライブラリ
カテゴリ、スタイル、形式でカタログを検索・絞り込みでき、MCPページではAI支援ワークフロー向けのセマンティック検索と構造化メタデータが説明されています。
ワークフロー連携
Figma、AIツール、コードベースのワークフローで同じ素材を使えます。Figmaプラグインと、接続ツール向けのMCPサーバーも含まれます。
インスピレーションと調査の支援
厳選されたインスピレーション、ウェブサイト、セクションライブラリにアクセスでき、最終制作素材だけでなく参考収集やレイアウト検討にも役立ちます。
Proサブスクリプションアクセス
Proを通じて完全アクセスを解放し、素材、パック、インスピレーション、新着追加を1つのサブスクリプションにまとめています。
Craftworkの主な使い方
デザインを素早く始める
ランディングページやアプリ画面を作り始めるときに、白紙からではなく構造化された土台としてUIキット、テンプレート、セクションライブラリを使えます。
必要なビジュアル要素を追加する
レイアウトに1つの要素だけが必要な場合に、モックアップ、イラスト、アイコン、背景など特定の単体素材を検索できます。
パターンと参考例を調べる
本番制作に入る前に、Webサイトやセクションを見てレイアウトパターンを比較したり、インスピレーションを集めたり、UIアイデアのベンチマークを行えます。
AI支援ワークフローで素材を使う
MCP対応のAIツールにライブラリを接続すると、デザインの指示やレイアウト作業中にアシスタントが実際のCraftwork素材を提示できます。
Figma内で作業する
同じリソースをFigmaで開き、イラスト、アイコン、背景、フォントを作業キャンバスへ直接配置できます。
Pros and Cons
Pros
- UIキット、モックアップ、フォント、アイコン、イラストなど、一般的なデザインリソースを幅広くカバーしています。
- 素材は検索可能なカテゴリ、パック、ウェブサイト、セクションに整理されており、制作と調査の両方を支援します。
- Pro Accessは全ライブラリを1つのサブスクリプションにまとめ、商用利用も含みます。
- MCPサーバーにより、AIツールは生成された代替物ではなく実際のCraftwork素材を取得でき、エージェント支援型のデザインワークフローに適しています。
- FigmaプラグインとMCPサーバーにより、アクセスがWebカタログに限定されず、ツールベースのワークフローへ拡張されています。
Cons
- ソースページには、ファイル形式や編集上の制約について、製品ごとの詳しい内訳がありません。
- チーム利用の上限や一部プラン詳細は、収集したテキストでは明確に示されていません。
- MCP対応は互換ツール向けに説明されていますが、ソースでは各統合の挙動やプラットフォーム要件が十分に文書化されていません。
FAQ
Craftworkは無料ですか、それとも有料ですか？
Craftworkは、無料と有料の素材を含むデザインリソースライブラリとして紹介されており、Proアクセスでカタログ全体を利用できます。
Pro Accessには何が含まれますか？
サイトでは、CraftworkのPro Accessは月額16ドルからのサブスクリプションとして表示されており、MCPページではMCPアクセスがすべてのProプランに含まれると説明されています。
どのツールがMCPサーバーで動作しますか？
MCPページによると、Craftwork MCPはClaude Code、Codex、Cursor、VS Code、Zed、その他のMCP対応ツールで動作します。
Craftworkではどのような素材を提供していますか？
カタログには、UIキット、テンプレート、イラスト、アイコン、フォント、モックアップ、3D素材、ワイヤーフレーム、プレゼンテーションが含まれます。
Craftworkの素材はワークフローでどのように使えますか？
ソーステキストでは、このライブラリはFigma、AIツール、またはコードベースのワークフローで使えるとされており、Pro Accessには商用利用可能な素材が含まれています。
Quick Facts
- カテゴリ
- デザインリソースのマーケットプレイス
- 主なユーザー
- デザイナー、開発者、スタジオ
- ソースドメイン
- craftwork.design
- アクセスモデル
- 無料素材＋有料製品＋Proサブスクリプション
- ワークフロー対応
- Figmaプラグイン、MCPサーバー、Webカタログ
- 主な素材タイプ
- UIキット、モックアップ、フォント、イラスト、アイコン、3D素材
Craftworkの代替品
PixelDrive
PixelDriveは、ブラウザ編集、REST API、CSV一括、MCPで1つのテンプレートから大量のブランド画像を生成できるAPI。キャッシュ可能なレンダリングと従量課金に対応。
Napkin AI
Napkin AIは、テキストをプレゼン資料や文書、共有用コンテンツ向けの編集可能なビジュアルに変換します。テキスト起点で生成でき、共同編集にも対応。PPT、PNG、SVG、PDFで書き出せます。
Refero MCP
Refero MCPは、MCP対応AIエージェントをReferoの厳選されたWebおよびiOSのUI/UX参考事例とユーザーフローに接続し、UI生成前の実践的なデザインリサーチを支援します。Refero Proで利用可能です。
Make Real
Make Realは、tldraw SDKとAIモデルを使い、手描きワイヤーフレームを動作するHTMLプロトタイプに変換するNext.jsアプリです。キャンバスでスケッチし、コード生成し、埋め込みプレビューで確認できます。
Cherry Blossom
Cherry Blossomは、英語の指示から編集可能な回路図、PCBレイアウト、製造ファイルを生成するブラウザベースのPCBエディタ。検証チェック付きでAI支援の基板設計に対応。
图像大厨imgcook
imgcookは、デザイン稿をフロントエンドコードに変換するデザイン-to-codeツールです。Sketch、Photoshop、VS Code、CLIに対応し、プラグインと開発者向けのワークフローを提供します。