Web Design Facts

WEBデザインに関する内容(フォントやベクター画像、フォトショアクション、モックアップなど)をまとめています。

Web Design Facts

Web Design Facts

【Sketch無料リソースの2018年決定版!】Sketch用UIキット、ワイヤーフレームキット55選【Sketchユーザーダウンロード必須!】

f:id:mamegoro:20180528181004j:plain


UIデザインといえば最近はSketch。
ただやはりPhotoshopと比べて歴史が浅いため、オススメのリソースがまとまっている最適なサイトが少ないように感じます。

そこで本日は、Sketchユーザー必見の無料で使用できるUIキット、ワイヤーフレームキットをご紹介します。

Planguru UI Kit

f:id:mamegoro:20180528180736j:plain

ワークフローに特化したUIキット。

ダウンロードはこちら

H1/Free Mobile UI Kit

f:id:mamegoro:20180528180743j:plain

470位上の要素を含んだテンプレートキット。陰影を表現したデザインが目を引きますね。

ダウンロードはこちら

Travelisto UI Kit For Sketch

f:id:mamegoro:20180528180753j:plain

22種類以上のiOS画面のUIキット。

ダウンロードはこちら

Shards Bootstrap 4 UI Toolkit

f:id:mamegoro:20180528180717j:plain

人気のあるBootstrap 4(最終版)フレームワークをベースにした、Webメーカー向けのフリーでモダンなUIツールキットです。

ダウンロードはこちら

Memories UI Kit

f:id:mamegoro:20180528180723j:plain

iPhone Xの写真系アプリに特化したキット。

ダウンロードはこちら

Free Web App UI Kit

f:id:mamegoro:20180528180730j:plain

WEBページのシンプルなUIキット。

ダウンロードはこちら

Flame UI Kit for Sketch App

f:id:mamegoro:20180528180800j:plain

ダウンロードはこちら

UIME Mobile UI Kit

f:id:mamegoro:20180528180810j:plain

80種類以上のモバイルUIキット。

ダウンロードはこちら

Helen - IOS eCommerce UI Kit

f:id:mamegoro:20180528180817j:plain

iOS用のEコマースUIキット。アパレル系にピッタリのデザイン。

ダウンロードはこちら

Free E-commerce Sketch UI Kit

f:id:mamegoro:20180528180825j:plain

全デバイス用のEコマースUIキット。

ダウンロードはこちら

UIDE Kit

f:id:mamegoro:20180528180832j:plain

ダウンロードはこちら

Material UI Kit

f:id:mamegoro:20180528180839j:plain

その名の通り、マテリアルデザインに特化したUIキット。

ダウンロードはこちら

Free Web UI Kit for Sketch

f:id:mamegoro:20180528180849j:plain

WEBサイト用のUIキット。ボタンやバナーなどに特化。

ダウンロードはこちら

The Wireframe Kit

f:id:mamegoro:20180528180858j:plain

各所で使用可能なWEBサイト用ワイヤーフレームキット。
シンプルで使いやすい。

ダウンロードはこちら

Flowchart kit for Sketch

f:id:mamegoro:20180528180907j:plain

ユーザーマップを作成することに特化したワイヤーフレームキット。
矢印や線などの要素が多く含まえれています。

ダウンロードはこちら

Material Design Wireframe Kit

f:id:mamegoro:20180528180916j:plain

マテリアルデザイン用ワイヤーフレームキット。

ダウンロードはこちら

Flow ? Free iOS Wireframe Kit

f:id:mamegoro:20180528180927j:plain

ダウンロードはこちら

Free Flowchart Kit for Sketch

f:id:mamegoro:20180528180936j:plain

フローチャートに特化したワイヤフレーム。

ダウンロードはこちら

Material Design Wireframe Kit

f:id:mamegoro:20180528180951j:plain

ダウンロードはこちら

Free Wireframe kit

f:id:mamegoro:20180528181004j:plain

ダウンロードはこちら

Uber iOS Wireframe Kit

f:id:mamegoro:20180528181012j:plain

ダウンロードはこちら

Free Teracy Wireframe UI Kit for Sketch

f:id:mamegoro:20180528181019j:plain

ダウンロードはこちら

iPhone and iPad Sketch Wireframing Kit

f:id:mamegoro:20180528181029j:plain

ダウンロードはこちら

Zurb Foundation Media Wireframe Kit

f:id:mamegoro:20180528181036j:plain

ダウンロードはこちら

Clock and Alarm App

f:id:mamegoro:20180528181046j:plain

ダウンロードはこちら

Travel App UI Kit

f:id:mamegoro:20180528181358j:plain

ダウンロードはこちら

Photo Upload UI Kit

f:id:mamegoro:20180528181407j:plain

ダウンロードはこちら

GymFit App UI

f:id:mamegoro:20180528181415j:plain

ダウンロードはこちら

Kateing Photo App UI Kit

f:id:mamegoro:20180528181422j:plain

ダウンロードはこちら

Free Sketch Mobile APP UI

f:id:mamegoro:20180528181431j:plain

ダウンロードはこちら

Music Player App UI Kit

f:id:mamegoro:20180528181204j:plain

ダウンロードはこちら

Travel App UI

f:id:mamegoro:20180528181211j:plain

ダウンロードはこちら

Messaging App UI

f:id:mamegoro:20180528181219j:plain

ダウンロードはこちら

Aollo App UI

f:id:mamegoro:20180528181055j:plain

ダウンロードはこちら

NFL Draft App

f:id:mamegoro:20180528181103j:plain

ダウンロードはこちら

Wikibot Android App

f:id:mamegoro:20180528181111j:plain

ダウンロードはこちら

Mytrip App UI

f:id:mamegoro:20180528181119j:plain

ダウンロードはこちら

Recipes App UI Kit

f:id:mamegoro:20180528181147j:plain

ダウンロードはこちら

Free E Commerce Mobile App UI Kit

f:id:mamegoro:20180528181154j:plain

ダウンロードはこちら

Free iOS App Screens for Sketch

f:id:mamegoro:20180528181229j:plain

ダウンロードはこちら

Calendar App UI

f:id:mamegoro:20180528181237j:plain

ダウンロードはこちら

Calculator App UI

f:id:mamegoro:20180528181244j:plain

ダウンロードはこちら

Water App

f:id:mamegoro:20180528181254j:plain

ダウンロードはこちら

Ustraa iOS Mobile App UI

f:id:mamegoro:20180528181302j:plain

ダウンロードはこちら

Music EQ App UI

f:id:mamegoro:20180528181310j:plain

ダウンロードはこちら

Android Music Player UI

f:id:mamegoro:20180528181318j:plain

ダウンロードはこちら

Location Tracker

f:id:mamegoro:20180528181325j:plain

ダウンロードはこちら

Boarding Pass ? Free Mobile App UI

f:id:mamegoro:20180528181333j:plain

ダウンロードはこちら

Baby Monitor ? Free Mobile App UI/UX

f:id:mamegoro:20180528181343j:plain

ダウンロードはこちら

Music Player UI Kit

f:id:mamegoro:20180528181351j:plain

ダウンロードはこちら

Free Messenger App UI

f:id:mamegoro:20180528181440j:plain

ダウンロードはこちら

Free Sketch3 App Video Podcast

f:id:mamegoro:20180528181450j:plain

ダウンロードはこちら

Online Store Material UI Design

f:id:mamegoro:20180528181457j:plain

ダウンロードはこちら

Soundtrack Playlist App

f:id:mamegoro:20180528181505j:plain

ダウンロードはこちら

Video Stream App for iOS

f:id:mamegoro:20180528181515j:plain

ダウンロードはこちら

まとめ

いかがでしたでしょうか。

モックアップやウェアラブル端末用のUIなど他にもオススメのリソースがたくさんあるのですが、数が多すぎるため一旦分割して別でご紹介予定です。
次回のSketch関連ツールの更新をお楽しみに。

PAGE TOP