こんにちは、デザイナー・ブロガーの
ゆっきー（@elcielo_design）です。
今回は、デザイン全般で
無料で利用できるSketch用の
UIキット等をまとめた記事になります。
この記事の目次
- 1 デザイン全般で無料で利用できる Sketch用のUIキット
- 2 デザイン全般で無料で利用できる
Sketch用のUIキットまとめ
- 2.1 Web UI Kit Sketch Resource
- 2.2 Basic Form Elements Sketch Resource
- 2.3 Basic UI Elements Sketch Resource
- 2.4 Basic Forms UI Kit Sketch Resource
- 2.5 NativeBase Sketch Template Sketch Resource
- 2.6 Essential Prototyping Template Sketch Resource
- 2.7 Wirebase Wireframing Kit Sketch Resource
- 2.8 Mini Wireframes Sketch Resource
- 2.9 Basic Wireframe Kit Sketch Resource
- 2.10 The Next Random UI Kit Sketch Resource
- 2.11 Dynamic Buttons Sketch Resource
- 2.12 Dashboard Template Sketch Resource
- 2.13 Material Dashboard Concept Sketch Resource
- 2.14 Sidebar Navigation Sketch Resource
- 2.15 Data Visualization UI Kit Sketch Resource
- 2.16 Colorful Data Charts Sketch Resource
- 2.17 Design Blog Layout Sketch Resource
- 2.18 Website Starter Kit Sketch Resource
- 2.19 12 Popular Website Layouts Sketch Resource
- 2.20 Error Pages Sketch Resource
- 2.21 Lading Page Template Sketch Resource
- 2.22 Landing Page Layout Sketch Resource
- 2.23 Airbnb Landing Page Sketch Resource
- 2.24 Credit Card Templates Sketch Resource
- 2.25 Simple Datepicker Sketch Resource
- 2.26 Google Ads Sizes Artboards Sketch Resource
- 2.27 Adidas Website Redesign Sketch
- 2.28 UX Kit by Kit Nolte Sketch Resource
- 3 まとめ
デザイン全般で無料で利用できる
Sketch用のUIキット
この記事では、デザイン全般で
無料で利用できるSketch用の
UIキット等を紹介していきます。
特に、次のような人は読んでみて下さい。
- デザイン全般で
無料で利用できるSketch用の
UIキット等の参考が知りたい。 -
UI/UX系のデザインを学びたい。
-
UI/UXデザイナーを目指している。
また、デザイン書籍等を1ヶ月無料で読むなら、
Amazonの「Kindle Unlimited」がおすすめ。
デザイン全般で無料で利用できる
Sketch用のUIキットまとめ
「デザイン全般Sketch用のUIキットの一覧」
下でそれぞれ詳しく紹介しています。
Web UI Kit Sketch Resource
| 系統 | Web UIパーツ |
| 特徴 | ・色々なWebデザインのパーツが揃う UIキットで種類も豊富。 |
| その他 |
Web UI Kit Sketch Resource
Basic Form Elements
Sketch Resource
| 系統 | ベーシック |
| 特徴 | ・標準的なフォームの素材が揃うUIキット。 ・シンプルで使い勝手が良い。 |
| その他 |
Basic Form Elements Sketch Resource
All vector .sketch files are editable in Sketch, Figma, Adobe XD. Sketch App Sources is the largest collection of icons, UI kits, wireframes, and free design re
Basic UI Elements Sketch Resource
| 系統 | ベーシック |
| 特徴 | ・Webサイトで使われている基本的な パーツ素材が揃っているUIキット。 ・フォームで使われるパーツも豊富。 |
| その他 |
Basic UI Elements Sketch Resource
All vector .sketch files are editable in Sketch, Figma, Adobe XD. Sketch App Sources is the largest collection of icons, UI kits, wireframes, and free design re
Basic Forms UI Kit Sketch Resource
| 系統 | ベーシック |
| 特徴 | ・フォームのパーツが揃うUIキット。 ・ほんわかした感じの可愛いデザイン。 |
| その他 |
Basic Forms UI Kit Sketch Resource
All vector .sketch files are editable in Sketch, Figma, Adobe XD. Sketch App Sources is the largest collection of icons, UI kits, wireframes, and free design re
NativeBase Sketch Template
Sketch Resource
| 系統 | ベーシック |
| 特徴 | ・NativeBaseというフレームをベースにする 基本的なパーツが多数揃ったUIキット。 |
| その他 |
NativeBase Sketch Template
Sketch Resource
All vector .sketch files are editable in Sketch, Figma, Adobe XD. Sketch App Sources is the largest collection of icons, UI kits, wireframes, and free design re
Essential Prototyping Template
Sketch Resource
| 系統 | プロトタイプ |
| 特徴 | ・プロトタイプ作成に使える素材が豊富な UIキット。 |
| その他 |
Essential Prototyping Template
Sketch Resource
All vector .sketch files are editable in Sketch, Figma, Adobe XD. Sketch App Sources is the largest collection of icons, UI kits, wireframes, and free design re
Wirebase Wireframing Kit
Sketch Resource
| 系統 | ワイヤーフレーム |
| 特徴 | ・ワイヤーフレームを作成する時に 便利なUIキット。 |
| その他 |
Wirebase Wireframing Kit
Sketch Resource
All vector .sketch files are editable in Sketch, Figma, Adobe XD. Sketch App Sources is the largest collection of icons, UI kits, wireframes, and free design re
Mini Wireframes Sketch Resource
| 系統 | ワイヤーフレーム |
| 特徴 | ・様々なレイアウトが揃っている ワイヤーフレーム素材。 ・プレゼンテーション等でも使える感じ。 |
| その他 |
Mini Wireframes Sketch Resource
All vector .sketch files are editable in Sketch, Figma, Adobe XD. Sketch App Sources is the largest collection of icons, UI kits, wireframes, and free design re
Basic Wireframe Kit
Sketch Resource
| 系統 | ワイヤーフレーム |
| 特徴 | ・ワイヤーフレーム作成で使えるパーツが 揃っているUIキット。 ・種類も豊富にある。 |
| その他 |
Basic Wireframe Kit Sketch Resource
All vector .sketch files are editable in Sketch, Figma, Adobe XD. Sketch App Sources is the largest collection of icons, UI kits, wireframes, and free design re
The Next Random UI Kit
Sketch Resource
| 系統 | フォーム・ボタン |
| 特徴 | ・フォームやボタン、モーダルウィンドウ等 揃っているUIキット。 ・ページの基本部分のデザインに利用可能。 |
| その他 |
The Next Random UI Kit Sketch Resource
All vector .sketch files are editable in Sketch, Figma, Adobe XD. Sketch App Sources is the largest collection of icons, UI kits, wireframes, and free design re
Dynamic Buttons Sketch Resource
| 系統 | フォーム・ボタン |
| 特徴 | ・ボタン素材が豊富なキット。 ・DynamicButtonというプラグインと 組み合わせることで、更に便利に利用可能。 |
| その他 |
Dynamic Buttons Sketch Resource
All vector .sketch files are editable in Sketch, Figma, Adobe XD. Sketch App Sources is the largest collection of icons, UI kits, wireframes, and free design re
Dashboard Template Sketch Resource
| 系統 | ダッシュボード |
| 特徴 | ・ダッシュボードの様々なパーツが 揃っているUIキット。 ・CMSを作成する時などに使える。 |
| その他 |
Dashboard Template Sketch Resource
All vector .sketch files are editable in Sketch, Figma, Adobe XD. Sketch App Sources is the largest collection of icons, UI kits, wireframes, and free design re
Material Dashboard Concept
Sketch Resource
| 系統 | ダッシュボード |
| 特徴 | ・マテリアルデザインのダッシュボードが 再現されたUIキット。 |
| その他 |
Material Dashboard Concept
Sketch Resource
All vector .sketch files are editable in Sketch, Figma, Adobe XD. Sketch App Sources is the largest collection of icons, UI kits, wireframes, and free design re
| 系統 | サイドバー |
| 特徴 | ・サイドバーのデザインプレート。 ・マテリアルデザインのWebサイトに 相応しい感じ。 |
| その他 |
Sidebar Navigation Sketch Resource
All vector .sketch files are editable in Sketch, Figma, Adobe XD. Sketch App Sources is the largest collection of icons, UI kits, wireframes, and free design re
Data Visualization UI Kit
Sketch Resource
| 系統 | データ・グラフ |
| 特徴 | ・データの表示に使えるパーツが沢山ある UIキット。 ・ダッシュボード等を作成する時に使える。 |
| その他 |
Data Visualization UI Kit Sketch Resource
All vector .sketch files are editable in Sketch, Figma, Adobe XD. Sketch App Sources is the largest collection of icons, UI kits, wireframes, and free design re
Colorful Data Charts Sketch Resource
| 系統 | データ・グラフ |
| 特徴 | ・カラフルで幻想的なグラフデザインが 揃っているUIキット。 |
| その他 |
Colorful Data Charts Sketch Resource
All vector .sketch files are editable in Sketch, Figma, Adobe XD. Sketch App Sources is the largest collection of icons, UI kits, wireframes, and free design re
Design Blog Layout
Sketch Resource
| 系統 | ブログ |
| 特徴 | ・ブログのデザインに利用できるUIキット。 ・ベースが整っているので、細かいところを 修正すれば完成できる。 |
| その他 |
Design Blog Layout Sketch Resource
All vector .sketch files are editable in Sketch, Figma, Adobe XD. Sketch App Sources is the largest collection of icons, UI kits, wireframes, and free design re
Website Starter Kit Sketch Resource
| 系統 | サイトレイアウト |
| 特徴 | ・標準的なWebサイトで使われているような レイアウトが組まれたUIキット。 |
| その他 |
Website Starter Kit Sketch Resource
All vector .sketch files are editable in Sketch, Figma, Adobe XD. Sketch App Sources is the largest collection of icons, UI kits, wireframes, and free design re
12 Popular Website Layouts
Sketch Resource
| 系統 | サイトレイアウト |
| 特徴 | ・人気のWebサイトのレイアウトが、 12種類入っているUIキット。 |
| その他 |
12 Popular Website Layouts
Sketch Resource
All vector .sketch files are editable in Sketch, Figma, Adobe XD. Sketch App Sources is the largest collection of icons, UI kits, wireframes, and free design re
Error Pages Sketch Resource
| 系統 | エラーページ |
| 特徴 | ・エラーページに使える可愛いイラストが 揃っているUIキット。 |
| その他 |
Error Pages Sketch Resource
All vector .sketch files are editable in Sketch, Figma, Adobe XD. Sketch App Sources is the largest collection of icons, UI kits, wireframes, and free design re
Lading Page Template Sketch Resource
| 系統 | ランディングページ |
| 特徴 | ・ランディングページに使える素材が揃う UIキット。 |
| その他 |
Lading Page Template Sketch Resource
All vector .sketch files are editable in Sketch, Figma, Adobe XD. Sketch App Sources is the largest collection of icons, UI kits, wireframes, and free design re
Landing Page Layout
Sketch Resource
| 系統 | ランディングページ |
| 特徴 | ・色々なランディングページの レイアウトが揃っているUIキット。 |
| その他 |
Landing Page Layout Sketch Resource
All vector .sketch files are editable in Sketch, Figma, Adobe XD. Sketch App Sources is the largest collection of icons, UI kits, wireframes, and free design re
Airbnb Landing Page
Sketch Resource
| 系統 | ランディングページ |
| 特徴 | ・AirbnbのランディングページをSketch上で 再現したUIキット。 |
| その他 |
Airbnb Landing Page Sketch Resource
All vector .sketch files are editable in Sketch, Figma, Adobe XD. Sketch App Sources is the largest collection of icons, UI kits, wireframes, and free design re
Credit Card Templates
Sketch Resource
| 系統 | クレジットカード |
| 特徴 | ・クレジットカードの素材が、 Sketchファイルで利用できる。 |
| その他 |
Credit Card Templates Sketch Resource
All vector .sketch files are editable in Sketch, Figma, Adobe XD. Sketch App Sources is the largest collection of icons, UI kits, wireframes, and free design re
Simple Datepicker Sketch Resource
| 系統 | デイトピッカー |
| 特徴 | ・デイトピッカーのデザイン素材のUIキット ・シンプルで分かり易い素材 |
| その他 |
Simple Datepicker Sketch Resource
All vector .sketch files are editable in Sketch, Figma, Adobe XD. Sketch App Sources is the largest collection of icons, UI kits, wireframes, and free design re
Google Ads Sizes Artboards
Sketch Resource
| 系統 | Google広告 |
| 特徴 | ・Googleの広告サイズのアートボードが 揃っている。 ・広告バナーを作成する際に役立つ。 |
| その他 |
Google Ads Sizes Artboards
Sketch Resource
All vector .sketch files are editable in Sketch, Figma, Adobe XD. Sketch App Sources is the largest collection of icons, UI kits, wireframes, and free design re
Adidas Website Redesign Sketch
| 系統 | ブランド・企業 |
| 特徴 | ・AdidasのホームページをSketch上で 再現したUIキット。 ・スタイリッシュなUIがかっこいい。 |
| その他 |
Adidas Website Redesign Sketch
All vector .sketch files are editable in Sketch, Figma, Adobe XD. Sketch App Sources is the largest collection of icons, UI kits, wireframes, and free design re
UX Kit by Kit Nolte Sketch Resource
| 系統 | UXレスポンシブ |
| 特徴 | ・Nolteが提供するUXキット。 ・レスポンシブデザイン作成に役立つ。 |
| その他 |
UX Kit by Nolte Sketch Resource
All vector .sketch files are editable in Sketch, Figma, Adobe XD. Sketch App Sources is the largest collection of icons, UI kits, wireframes, and free design re
まとめ
以上がデザイン全般で無料で利用できる
Sketch用のUIキット等のまとめでした。
この記事では、ジャンル別でUIキットを
紹介してるので、それに目を通してみて
自分に合うUIキットを見つけて下さい。
なお、Sketch用のUIキット関連の書籍は、
下の記事に一通りまとめています。
