30 Best Free Sketch App Resources – UI Kits, Wireframes, Plugins

9月 13, 2021
| コメントはまだありません

The largest collection of free Sketch app resources, covering sketch wireframe kits, sketch prototyping, sketch app templates, etc.

Sketch, vector design tool that run on Mac, is simplistic and easy to use, making favoured by more than designers.The latest Sketch app resources for the latest Sketch App resources for the latest skket app resources. さらに、ますます多くのデザイナーが無料の Sketch アプリ リソースを共有しており、UX/UI デザイナーがプロジェクトを簡単かつ迅速に構築できるよう手助けしてくれています。 ここでは、Sketch UI Kits、Sketch wireframes、Sketch plugins、Sketch app templates など、最高の無料の Sketch app リソースを 30 個集めました。

ここでは、2018 年にモバイルアプリとウェブサイトのワイヤーフレームデザインに最適な無料の Sketch wireframe キットを集めました。 ワイヤーフレームは、あなたのデザインアイデアを共有するための最良の方法の1つであり、以下のキットのいずれかをダウンロードするだけで、あなた自身のアプリやウェブサイトを楽に描くことができます！

Liberty Mobile Wireframe Kit

Liberty Mobile Wireframe Kitはトップスピードでモバイルアプリケーションを設計できる高度なカスタマイズ可能性を持つツールです。 デザイン済みのカスタム要素をドラッグ＆ドロップするだけで、独自のモバイルアプリを描画することができます。 さらに、125のスクリーン、無料のGoogleフォント、フルカスタマイズ可能な幅広い要素が含まれており、プロジェクトの大小に関わらず、短時間で作成することが可能です。 このキットにはPSDとSketchファイルがあります。

特徴：

  • 9 Categories
  • Fully Layered
  • 2x Resolution 750x1334px
  • Compatible with Sketch & Photoshop

無料でダウンロード可能です。 https://elements.envato.com/liberty-mobile-wirefra…

Mobile UI Wireframe Kit Sketch Resource

Mobile UI Wireframe Kit は Ray Macari によって設計されています。 このリソースはSketchAppで72353ビュー、32906ダウンロードと大ヒットしています。 57のモバイル画面とジェスチャーアイコンが収録されており、UXのワークフローを加速させることができます。 すべての要素は完全にカスタマイズ可能なので、どんなスタイルでも簡単に編集することができます。 さらに、このキットで基本的なページレイアウト、アプリのアーキテクチャ、コンテンツ、UIフローを自由に表示できます。

  • 57 Mobile Screens
  • Gesture Icons
  • Annotation elements and symbols

無料でダウンロードできます。 https://www.sketchappsources.com/free-source/2162-…

Wireframe Sketch Resource

この Sketch wireframe キットは無料のデザインリソースを共有するデザイナー Riza Selçuk Saydam がデザインしたものである。 Rizaは以前、Akıllı Vatandaşのモバイルアプリのデザインを共有しましたが、そのワイヤーフレームはありませんでした。 投稿後、現時点で49391ビュー、20188ダウンロードされている。 また、Smart Citizen Mobile App のケーススタディもご覧ください。

特徴：

  • フラットなスタイル
  • スケッチ & Photoshop
  • Vector styled
  • フリースケッチのワイヤーフレーム・キット

無料ダウンロード。 https://dribbble.com/shots/1764849-Wireframe-free-…

Carbon Material Wireframe Kit Sketch Resource

Carbon Material Wireframe Kit はギリシャの Panagiotis というデザイナー仲間がデザインしたものである。 この美しい、高品質のマテリアル デザイン ワイヤーフレーム キットは、よく構造化され、名前が付けられたレイヤーと、再利用可能な多くの要素を含む 15 のアートボードで構成されています。 Androidのeコマースアプリに最適なツールです。

特徴：

  • マテリアルデザインスタイル
  • 15 アートボード
  • よく構造化されたレイヤー
  • 完全にカスタマイズおよび編集可能

無料ダウンロード：-….

Low-fidelity App Wireframe Kit Sketch Resource

Low-fidelity App Wireframe Kit は Kishore 氏によりデザインされました。 これを使えば、低忠実度のワイヤーフレームでモバイルアプリを描くためのすべての基本的な要素を持っています。 現在、26122ビューと11171ダウンロードされています。

無料ダウンロード：https://www.sketchappsources.com/free-source/3171-…

Android Wireframing Kit Sketch Resource

Android Wireframing KitはSteph Kelly氏によりデザインされました。 Androidアプリのデザインでワイヤーフレームキットが必要な場合は、こちらのキットを使用することをお勧めします。 このキットは現在、23836ビューと11044ダウンロードされています。

無料ダウンロード。 https://www.sketchappsources.com/free-source/2995-…

Sketch Prototyping Resources

Sketch は、Mac 用の人気のあるツールです。 Photoshop やその他の類似のアプリケーションよりも合理的でシンプルです。 より多くのデザイナーが無料のスケッチ プロトタイプ リソースを共有しており、プロジェクトのためのインタラクティブなプロトタイプをすばやく構築するのに役立っています。 以下のリソースは、Sketch でのプロトタイプ作成を始めるのに役立ちます。

Adminian 2 – Web App Rapid Prototype Design Wireframe Kit for Sketch

Adminian 2 には Web アプリケーション レイアウトの高速設計とプロトタイプ作成を行う記号とテンプレートの幅広いセレクションが用意されています。 このプロトタイプリソースを使用して、任意のプロジェクトを繰り返し描くことができます。 さらに、プロジェクトにオプションを提供する複数のアプローチを備えています。

特徴：

  • 50以上のページテンプレート & 120のアイコン
  • 200以上のUIコンポーネント
  • マテリアルデザイングリッド
  • 原子構造
  • 応答性&リサイズ可能グループ
  • Sketchと互換

    無料でダウンロード可能です。 https://ui8.net/products/adminian-2-wireframe-kit

    Shop iOS App – UI and Prototype Sketch Resource

    Shop iOS AppはTobia Crivellari氏のデザインによるものです。 Tobiaは、FILSO CO.からインスピレーションを受けて作成されたショップiOSアプリです。 画像とコンテンツのクレジットは、FILSON CO.に帰属します。

    特徴：

    • すべてのコンテンツが含まれています
    • Sketchで10画面以上
    • iPhone 6用の基本プロトタイプ

    無料ダウンロード：https://www.sketchappsources.com/free-source/1821-…

    Essential Prototyping Template Sketch Resource

    見栄えの良いプロトタイプを作成するために最も役立つスタイルとシンボルを集めたシンプルで柔軟なコレクションです。 すべてのシンボルは、Sketch 39 の機能に対応しています。 デザイナーはKonstantin Tereschenkovで、現在SketchAppサイトで44400ビューと12988ダウンロードされています。

    無料ダウンロード：https://www.sketchappsources.com/free-source/2156-…

    3 Google Maps Views Sketch Resource

    Googleマップの3ビューのフレーマー試作品は、Sergey Voronovによってデザインされたものです。 このリソースは、41418 ビューと 14340 ダウンロードがあります。

    無料ダウンロード:https://www.sketchappsources.com/free-source/1878-…

    Sketch Website Templates Resources

    柔軟性と強力な機能を持つ堅実なウェブサイト テンプレートは、サイトを構築するのに最高の方法となります。 ここでは、あなたのインスピレーションのためのいくつかのスケッチのウェブサイトのテンプレートのリソースです。

    Royal London Equestrian – Horse Riding School

    Royal London is a free sketch template designed with horse riding, equestrian, stables, horse grooming and riding schools in mind.乗馬をテーマにした無料のスケッチテンプレートです。 それはあなたが機能的なウェブサイトを構築するために必要なすべての設計要素を持っています。 最もよいのは、再利用可能な設計要素で新しいページを作成することができることです。 グラフィックファイルとSketchファイルの2つのファイルを持っています。 このテンプレートにはSketch 40+が必要です。

    特徴。

    • 使いやすいテンプレート
    • 7 ページデザイン
    • 2 ニュースページデザイン
    • 再利用可能なページシンボル
    • Bootstrap Grid
    • Layered & Organized
    • Clean & Modern Style

    無料でダウンロード可能です。https://themeforest.net/item/royal-london-horse-ri…

    Web Wireframe Kit Template – the perfect UX kit for any web project

    This template offers the big package, including 110+ wireframe modules and hundreds of elements. Sketch や Illustrator を使用して、これらの Web サイト モックアップで簡単に高忠実度のプロトタイプを作成できます。 要素は、12列、1170pxのBootstrapグリッドに基づいてよく整理されています。 また、Sketchでは制約機能を使って要素の幅を変更することができます。

    • 110以上のデスクトップモジュール
    • 互換性がありSketchとIllustrator用に作られています
    • Bootstrap grid
    • デザインガイドとGoogleによる素材アイコン
    • オンボーディング画面

      無料でダウンロード可能です。 https://elements.envato.com/web-wireframe-kit-L7TD…

      Wireframing Template Sketch Resource

      このテンプレートには、さまざまな配置での 1-4 列など、デスクトップおよびモバイル デバイスで使用できる共通のワイヤーフレーム構成要素が収められています。 すべてのコンテンツと要素は、きれいにグループ化され、整理されています。 たとえば、Twitter Bootstrapに基づく12列のグリッドがあります。 このテンプレートは、ウェブデザインだけでなく、他のデジタルプロジェクトにも利用できます。 デザイナーはGarret Voorhees氏で、彼の作品はSketchAppで127459ビュー、46203ダウンロードされています。

      特徴：

      • 3段階のモバイルナビゲーション
      • 充実したタイポグラフィスタイル
      • 各種UI要素
      • よく使うアイコン
      • WYSIWYG要素

      無料ダウンロード：https://www.sketchappsources.com/free-source/1552-.NET.net.org

    • Oxy Creative Template – Sketch & Photoshop

    Oxyにはクリエイティブエージェンシーやスタジオ向けに作られたウェブサイトテンプレート2つが収録されています。 1170pxのBootstrapグリッドに基づき、このリソースは、モダンでエレガントです。 PSDファイルは、完全にレイヤー化されており、カスタマイズ可能です。 また、すべての要素はグループごとに整理されており、グループ名でも簡単に識別することができます。

    特徴：

    • 2 ページ テンプレート
    • Modern design
    • Based on Bootstrap Grid System
    • Free Google Fonts
    • Well Organized Layers
    • Compatible with Sketch & Photoshop

    無料でダウンロード可能です。 https://ui8.net/products/oxy-creative-template

    User Persona Template Sketch Resource

User Persona Template は Sketch で作られるとても基本的なテンプレートで、Fake Crow Personaを使って Meghan Hartman によってデザインされています。 ユーザーエクスペリエンス、ブランディング、マーケティング戦略のためのペルソナを生成するために使用することができます。 現在、39743ビューと9539ダウンロードされています。

特徴：

  • PDFファイル付き
  • 印刷に適したバージョン

無料でダウンロード可能です。 https://fakecrow.com/free-persona-template/

Bootstrap Grid Template Sketch Resource

Grid TemplateはBruno Muller氏によってデザインされたテンプレートです。 BootstrapのグリッドシステムをベースとしたSketch 3レイアウトテンプレートです。 現在、35257ビューと11061ダウンロードされています。 拡張可能なクラスと高度なグリッドシステムで強化されています。

特徴：

  • Bootstrap グローバル CSS 設定
  • Fundamental HTML elements styled

無料でダウンロード可能です。 https://getbootstrap.com/docs/3.3/css/

More Resources on Sketch Website Templates

これは Sketch App で作られたシンプルで無料のランディング ページ ワイヤーフレームです。 Pausrrによってデザインされ、今のところ53096ビューと20206ダウンロードされています。

無料ダウンロード：https://www.sketchappsources.com/free-source/1580-…

BetterDesk Landing Page Sketch Resource

BetterDesign.io はあなたのデザイン、コピーを無料でテストしてリアルタイムで結果を得られるソーシャルプラットフォームです。 このファイルには、親しみやすいヒーローのイラストが描かれた、丁寧にデザインされたランディングページが収録されています。 Betterdesign.ioによってデザインされ、33081ビューと16186ダウンロードされています。

無料ダウンロード：https://www.sketchappsources.com/free-source/2470-…

Mobile UX Template Sketch Resource

この広範囲なモバイルUXテンプレートはスキーマ、ユーザーフロー例、およびArcTouchによって設計されたアイコンのメディアライブラリで構成されています。 思考を整理し、プロジェクトの利害関係者を調整するのに役立ちます。 991>

無料ダウンロード：https://arctouch.com/insights/design_templates/mob…

iPhone Wireframe Template Sketch Resource

Edwin Delgado氏が作成したこのスケッチは資産とモックアップからなるページで、2つのページに分かれています。 Edwin は Sketch で作成したものを自由に共有したいと考え、プレゼンテーションやフローに使用できる iPhone 6 のシンプルなテンプレートができました。 基本的なライン、ボタン、フレームが用意されています。

特徴：

  • 基本的な線、ボタン、フレーム
  • 2ページ：アセットとモックアップ

無料ダウンロード：https://www.sketchappsources.com/free-source/1166-… 続きを読む..

iPhone 6 Plus and iPhone 6 Wireframe Sketch Resource

このiPhone 6 Plus and iPhone 6 Wireframeは、Andrea Ripamonti氏によってデザインされたものです。 現在82729ビューと28999ダウンロードされています。

無料ダウンロード：https://www.sketchappsources.com/free-source/799-i…

Avia UI Kit – 40 Sketch Template Profile Kit

Avia UI kitは40整理ランディングページと40無料アイコンが含まれています美しいプロフィールのUIキットです。 各画面はフルカスタマイズが可能で、非常に使い勝手がよいです。 SketchとPhotoshop用に作成されたこのプロフィールキットは、見事なUIシリーズの第4弾です。

特徴：

  • 40 美しいランディングページ
  • 40 無料特典アイコン
  • 洗練されたデザイン
  • すっきりとした構成

    無料でダウンロードできます。 https://ui8.net/products/avia-ui-kit-profiles

    HEXA Creative Website UI Kit

    HEXA は Webhance Studio によって作られたシンプル、クリーン、そしてクリエイティブなウェブサイトの UI キットです。 デザイナーや開発者のデザインニーズを満たすように設計されています。 ファイル形式は、JPG、PNG、PSD、SKETCH、SVGです。 さらに、250 + スケーラブルなSVG（ベクター）アイコンが含まれています。 すべてのエレメントは無料で使用できます。

    特徴:

    • Adobe Photoshop 対応
    • Creative and Modern Design
    • High quality and Latest files
    • Latest Sketch version
    • Free Google fonts
    • Sharp pixel quality
    • 100% editable layers and layouts

    Free downloads: https://elements.envato.com/hexa-creative-website-…

    Snap UI kit – iOS 8 wireframes Built for Sketch

    Snap Kit は Sketch 用の iOS 8 wireframing ツールです。 22 個の美しい iOS 8 モックアップと多数の UI コンポーネントにより、一般的な iOS スクリーンでのアプリケーションのフローをすばやくモックアップすることができます。 このキットを使用すると、エレガントなワイヤーフレームや構造化されたアプリのフローをより簡単に作成することができます。 https://designhooks.com/freebies/snap-ui-kit-ios-8…

    Material Design Template V2 Sketch Resource

    Material Design Template V2は、Material Designに情熱を持つKyle Ledbetter氏によってデザインされました。 現在、81459ビュー、32021ダウンロードされています。

    無料ダウンロード。 https://dribbble.com/shots/2296655-Material-Design…

    More on Sketch UI Design Resources

    Bootflat UI kit は、Anh Nguyen 氏がデザインした Bootflat フレームワークの Sketch バージョンです。 68220 ビュー、20517 ダウンロードです。

    無料でダウンロードできます。 https://www.sketchappsources.com/free-source/838-b…

    UI Frames Sketch Resource

    これは Mariz Melo 氏がデザインした進化する Sketch 再利用可能なワイヤーフレーム UI キットです。 52048ビューと16784ダウンロードされています。

    無料ダウンロード。 https://dribbble.com/shots/1847092-UIFrames

    Bootsketch UI Framework Sketch Resource

    これはDamian Walsh氏によってデザインされたSketch UIフレームワークです。 Twitter Bootstrap をベースとしており、プロトタイピングやフロントエンドのスタイル ガイドを確立するのに最適なフレームワークです。 また、すべての要素はシンボルまたはテキスト スタイルとして整理され、プロジェクト全体に変更を適用することができます。 https://www.sketchappsources.com/free-source/1448-…

    Sketch Plugins Resources

    UX/UI デザイナー向けの最高の Sketch プラグインのうち、デザイン ワークフローの効率化に役立つものを 2 つ以下にまとめました。

    Mockplus iDoc – オンライン デザイン コラボレーション ツール & ハンドオフ デザイン

    Mockplus iDoc により製品デザイン全体が一緒に作業することができます。 仕様書やアセットを自動生成し、インタラクティブでアニメーションなプロトタイプを作成します。 Sketch プラグインをダウンロードするだけで、ワンクリックでデザインをアップロードでき、スペックをスマートに生成し、マウスをクリックするだけでスペック データを表示できます。

    このプラグインの特徴は何でしょうか。 任意のレイヤーにカーソルを合わせる、単一または複数のレイヤーを選択する、Alt を押しながらスペックをパーセント値に変換する。 すべての重複要素が一度に画面に表示されるので、作業効率が大幅に向上します。

    Mockplus – クイック プロトタイピング ツール

    Sketch で Mockplus プラグインを使用すると、MP ファイルをエクスポートして、Mockplus で Sketch プロトタイピングを行うことができます。 これにより、デザイナーはコラボレーションを行い、注釈を追加してチームメンバーと共有することができます。

    どのように使用するのですか？

    Step 1: Sketch プラグインをダウンロードします。

    Step 2: デザインが完成したら、「プラグイン」-「Mockplus」-「プロジェクトファイルのエクスポート」を選択します。

    Step 3: Mockplus でインタラクションを追加してコンテンツをリデザインします。 さらに、Mockplusには3000以上のデザイン済みコンポーネントがあり、あなたのインターフェイスをより完璧なものに素早く仕上げることができます

    。

Articles