La plus grande collection de ressources d’apps Sketch gratuites, couvrant les kits de wireframes de sketchs, le prototypage de sketchs, les modèles d’apps de sketchs, etc.

Sketch, outil de conception vectorielle qui fonctionne sur Mac, est simpliste et facile à utiliser, ce qui le rend favorisé par de plus en plus de designers. De plus, de plus en plus de designers partagent des ressources gratuites de l’application Sketch, donnant ainsi un coup de pouce aux designers UX/UI pour construire leurs projets facilement et rapidement. Ici, j’ai rassemblé 30 des meilleures ressources d’apps Sketch gratuites, notamment des kits d’interface utilisateur Sketch, des wireframes Sketch, des plugins Sketch, des modèles d’apps Sketch, et plus encore.

Voici une collection des meilleurs kits de wireframe Sketch gratuits pour la conception d’apps mobiles et de sites Web en 2018. Un wireframe est l’une des meilleures façons de partager vos idées de conception, et vous pouvez simplement télécharger l’un des kits suivants pour dessiner vos propres applications et sites Web sans effort.

Liberty Mobile Wireframe Kit

Liberty Mobile Wireframe Kit est un outil hautement personnalisable pour concevoir des applications mobiles à la vitesse maximale. En faisant simplement glisser et déposer ses éléments personnalisés préconçus, vous pouvez dessiner votre propre application mobile. En outre, il comprend 125 écrans, des polices Google gratuites et un large éventail d’éléments entièrement personnalisables, ce qui permet de réaliser rapidement tout projet, petit ou grand. Ce kit dispose de fichiers PSD et Sketch.

Caractéristiques:

• 9 catégories
• Capacités entièrement superposées
• 2x Résolution 750x1334px
• Compatible avec Sketch & Photoshop

Téléchargement gratuit : https://elements.envato.com/liberty-mobile-wirefra…

Mobile UI Wireframe Kit Sketch Resource

Mobile UI Wireframe Kit a été conçu par Ray Macari. Cette ressource connaît un grand succès sur SketchApp avec 72353 vues et 32906 téléchargements. Elle présente 57 écrans mobiles et des icônes gestuelles qui peuvent accélérer votre flux de travail UX. Tous les éléments sont entièrement personnalisables, ce qui vous permet de modifier facilement n’importe quel style. En outre, vous êtes libre de montrer la mise en page de base, l’architecture de l’app, le contenu et le flux UI avec ce kit.

Caractéristiques:

• 57 écrans mobiles
• Icônes de geste
• Éléments d’annotation et symboles

Téléchargement gratuit : https://www.sketchappsources.com/free-source/2162-…

Ressource filaire Sketch

Ce kit filaire Sketch a été conçu par Riza Selçuk Saydam, une designer qui partage des ressources de conception gratuites. Riza a précédemment partagé le design de l’application mobile Akıllı Vatandaş mais sans son wireframe ; il a depuis publié ce kit sur SketchApp. Il compte 49391 vues et 20188 téléchargements pour l’instant depuis la publication. Vous pouvez même aller pour Smart Citizen Mobile App étude de cas pour plus d’informations.

Caractéristiques:

• Style plat
• Compatible avec Sketch & Photoshop
• Style vectoriel
• Kit de wireframe Sketch gratuit

Téléchargement gratuit : https://dribbble.com/shots/1764849-Wireframe-free-…

Carbon Material Wireframe Kit Sketch Resource

Carbon Material Wireframe Kit a été conçu par un collègue designer de Grèce nommé Panagiotis. Ce kit de wireframing material design de haute qualité et esthétiquement agréable se compose de 15 artboards avec des couches bien structurées et nommées, ainsi que de nombreux éléments réutilisables. Il s’agit d’un outil privilégié pour vos applications de commerce électronique Android. Très populaire, ce kit gratuit compte 72216 vues et 24018 téléchargements.

Caractéristiques:

• Style de conception matérielle
• 15 artboards
• Calques bien structurés
• entièrement personnalisables et modifiables

Téléchargement gratuit:https://www.sketchappsources.com/free-source/2337-…

Kit de fil conducteur d’application à faible fidélité Ressource de croquis

Le kit de fil conducteur d’application à faible fidélité a été conçu par Kishore. Avec lui, vous disposez de tous les éléments de base pour dessiner votre application mobile avec un wireframe de basse fidélité. Il a actuellement 26122 vues et 11171 téléchargements.

Téléchargement gratuit:https://www.sketchappsources.com/free-source/3171-…

Android Wireframing Kit Sketch Resource

Android Wireframing Kit a été conçu par Steph Kelly. Si vous avez besoin d’un kit de wireframe pour la conception d’applications Android, nous vous recommandons d’utiliser celui-ci. Ce kit a actuellement 23836 vues et 11044 téléchargements.

Téléchargement gratuit : https://www.sketchappsources.com/free-source/2995-…

Ressources de prototypage de l’esquisse

L’esquisse est un outil populaire pour Mac. Il est plus rationalisé et plus simple que Photoshop ou d’autres applications similaires. De plus en plus de concepteurs partagent des ressources gratuites de prototypes de croquis, qui peuvent vous aider à construire rapidement des prototypes interactifs pour votre projet. Les ressources suivantes peuvent vous aider à démarrer le prototypage avec Sketch.

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

Adminian 2 dispose d’une large sélection de symboles et de modèles pour la conception et le prototypage rapides de mises en page d’applications Web. Vous êtes en mesure de dessiner tout projet de manière itérative en utilisant cette ressource de prototypage. En outre, il présente plusieurs approches qui fournissent des options pour votre projet.

Caractéristiques:

• 50+ modèles de page & 120 Icônes
• 200+ Composants UI
• Grille de conception matérielle
• Structure atomique
• Responsable &Groupes redimensionnables
• Compatible avec Sketch

Téléchargement gratuit : https://ui8.net/products/adminian-2-wireframe-kit

Shop iOS App – UI et Prototype Sketch Resource

Shop iOS App a été conçu par Tobia Crivellari. Tobia est une application iOS de boutique qui a été créée en s’inspirant de FILSO CO. Les crédits pour les images et le contenu vont à FILSON CO. Cette ressource a 32984 vues et 8093 téléchargements maintenant.

Caractéristiques：

• Tout le contenu est emballé
• Plus de 10 écrans dans Sketch
• Principe prototype pour iPhone 6

Téléchargement gratuit:https://www.sketchappsources.com/free-source/1821-…

Modèle de prototypage essentiel Ressource Sketch

C’est une collection simple et flexible des styles et symboles les plus utiles pour créer des prototypes superbes. Tous les symboles sont prêts pour les fonctionnalités de Sketch 39. Le concepteur est Konstantin Tereschenkov et il a actuellement 44400 vues et 12988 téléchargements sur le site SketchApp.

Téléchargement gratuit:https://www.sketchappsources.com/free-source/2156-…

3 Google Maps Views Sketch Resource

Les 3 vues de Google Maps framer prototype est conçu par Sergey Voronov. Cette ressource a 41418 vues et 14340 téléchargements.

Téléchargement gratuit:https://www.sketchappsources.com/free-source/1878-…

Ressources de modèles de sites Web Sketch

La flexibilité et les fonctionnalités puissantes d’un modèle de site Web solide en font la meilleure façon de construire un site. Voici plusieurs ressources de modèles de sites Web Sketch pour votre inspiration.

Royal London Equestrian – École d’équitation

Royal London est un modèle de croquis gratuit conçu pour l’équitation, les écuries, le toilettage des chevaux et les centres équestres. Il possède tous les éléments de conception dont vous avez besoin pour construire un site Web fonctionnel. Ce qui est le mieux, c’est que vous pouvez créer de nouvelles pages avec des éléments de conception réutilisables. Il comporte 2 fichiers, des fichiers graphiques et un fichier Sketch. Ce modèle nécessite Sketch 40+.

Caractéristiques :

• Modèle facile à utiliser
• 7 modèles de pages
• 2 modèles de pages de nouvelles
• Symboles de pages réutilisables
• Grilleootstrap
• Couches &organisées
• Propre &Style moderne

Téléchargement gratuit :https://themeforest.net/item/royal-london-horse-ri…

Modèle de kit de wireframe web – le kit UX parfait pour tout projet web

Ce modèle offre un gros paquet, comprenant 110+ modules de wireframe et des centaines d’éléments. Vous pouvez facilement créer des prototypes haute-fidélité avec ces maquettes de site Web en utilisant Sketch ou Illustrator. Les éléments sont bien organisés sur la base d’une grille Bootstrap à 12 colonnes et 1170px. En outre, vous pouvez modifier la largeur des éléments dans Sketch à l’aide de la fonctionnalité de contraintes.

Caractéristiques:

• 110+ modules de bureau
• Compatibles et réalisés pour Sketch et Illustrator
• Grille Bootstrap
• Guide de conception et icônes matérielles par Google
• Écrans d’accueil

Téléchargement gratuit : https://elements.envato.com/web-wireframe-kit-L7TD…

Ressource d’esquisse de gabarit de wireframing

Ce gabarit se compose de composants de wireframing communs pour une utilisation sur des appareils de bureau et mobiles, y compris 1-4 colonne dans diverses dispositions. Tout le contenu et les éléments sont proprement regroupés et organisés. Par exemple, il existe des grilles à 12 colonnes basées sur Twitter Bootstrap. Ce modèle peut être utilisé pour la conception de sites Web ainsi que pour d’autres projets numériques. Le designer est Garret Voorhees et son travail compte 127459 vues et 46203 téléchargements sur SketchApp.

Caractéristiques:

• 3 niveaux de navigation mobile
• Un éventail complet de styles de typographie
• Divers éléments d’interface utilisateur
• Icônes couramment utilisées
• Éléments WYSIWYG

Téléchargement gratuit:https://www.sketchappsources.com/free-source/1552-…

Oxy Creative Template – Modèle créatif pour Sketch & Photoshop

Oxy contient 2 modèles de sites Web conçus pour les agences et les studios de création. Basée sur une grille Bootstrap de 1170px, cette ressource est moderne et élégante. Les fichiers PSD sont entièrement superposés et personnalisables. En outre, tous les éléments sont organisés par groupe et peuvent être facilement identifiés par le nom du groupe également.

Caractéristiques:

• 2 modèles de page
• Design moderne
• Basé sur le système de grille Bootstrap
• Free Google Fonts
• Couches bien organisées
• Compatible avec Sketch & Photoshop

Téléchargement gratuit : https://ui8.net/products/oxy-creative-template

Modèle de persona d’utilisateur Ressource Sketch

Modèle de persona d’utilisateur, un modèle très basique créé pour Sketch, a été conçu par Meghan Hartman en utilisant le persona Fake Crow. Il peut être utilisé pour générer des personas pour l’expérience utilisateur, l’image de marque et les stratégies marketing. Actuellement, il compte 39743 vues et 9539 téléchargements.

Caractéristiques:

• Inclut un fichier PDF
• Version imprimable

Téléchargement gratuit : https://fakecrow.com/free-persona-template/

Bootstrap Grid Template Sketch Resource

Grid Template a été conçu par Bruno Muller. C’est un modèle de mise en page Sketch 3 basé sur un système de grille Bootstrap. Il a 35257 vues et 11061 téléchargements actuellement. Il est amélioré avec des classes extensibles et un système de grille avancé.

Caractéristiques:

• Paramètres CSS globaux Bootstrap
• Éléments HTML fondamentaux stylisés

Téléchargement gratuit : https://getbootstrap.com/docs/3.3/css/

Plus de ressources sur les modèles de sites Web Sketch

Ceci est un wireframe de page d’atterrissage simple et gratuit réalisé dans l’application Sketch. Il est conçu par Pausrr et a 53096 vues et 20206 téléchargements pour le moment.

Téléchargement gratuit:https://www.sketchappsources.com/free-source/1580-…

Ressource Sketch pour la page d’atterrissage BetterDesk

BetterDesign.io est une plateforme sociale pour tester votre conception, copier gratuitement et obtenir des résultats en temps réel. Le fichier contient une page de destination soigneusement conçue avec une illustration de héros sympathique. Il est conçu par Betterdesign.io et a 33081 vues et 16186 téléchargements.

Téléchargement gratuit:https://www.sketchappsources.com/free-source/2470-….

Ressource d’esquisse de modèle UX mobile

Ce vaste modèle UX mobile est un ensemble de schémas, d’exemples de flux utilisateur et une médiathèque d’icônes conçus par ArcTouch. Il peut vous aider à organiser votre réflexion et à aligner les parties prenantes de votre projet. Il a 103138 vues et 29879 téléchargements.

Téléchargement gratuit:https://arctouch.com/insights/design_templates/mob…

iPhone Wireframe Template Sketch Resource

Ce fichier d’esquisse conçu par Edwin Delgado comporte 2 pages – Assets et Mockup. Edwin voulait partager quelque chose qu’il a fait dans Sketch librement, donc voici un modèle simple de l’iPhone 6 qui peut être utilisé pour des présentations ou des flux. Il est composé de lignes, de boutons et de cadres de base. Il a deux pages, une pour les actifs, et l’autre détaillant son processus.

Caractéristiques:

• Lignes de base, boutons, et cadres
• Deux pages – actifs et maquette

Téléchargement gratuit:https://www.sketchappsources.com/free-source/1166-…

Ressource de croquis pour l’iPhone 6 Plus et l’iPhone 6 Wireframe

Ce iPhone 6 Plus et iPhone 6 Wireframe a été conçu par Andrea Ripamonti. Il a 82729 vues et 28999 téléchargements actuellement.

Téléchargement gratuit:https://www.sketchappsources.com/free-source/799-i…

Avia UI Kit – 40 Sketch Template Profile Kit

Avia UI kit est un magnifique profil UI kit qui comprend 40 pages de destination organisées et 40 icônes gratuites. Chaque écran de ce kit est entièrement personnalisable et exceptionnellement facile à utiliser. Créé pour Sketch et Photoshop, ce kit de profil est la quatrième partie d’une étonnante série d’UI.

Caractéristiques：

• 40 Magnifiques pages d’atterrissage
• 40 Icônes bonus gratuites
• Design très soigné
• Naturellement organisé

Téléchargement gratuit : https://ui8.net/products/avia-ui-kit-profiles

HEXA Creative Website UI Kit

HEXA est un kit UI de site web simple, propre et créatif créé Par Webhance Studio. Il est conçu pour répondre aux besoins de conception des designers et des développeurs. Les types de fichiers comprennent JPG, PNG, PSD, SKETCH, SVG. En outre, il comprend 250 + icônes SVG (vectorielles) extensibles. Tous les éléments sont libres d’utilisation.

Caractéristiques :

• Adobe Photoshop pris en charge
• Designs créatifs et modernes
• Haute qualité et derniers fichiers
• Dernière version de Sketch
• Fontes Google gratuites
• Qualité de pixels nets
• Couches et mises en page 100% éditables

Téléchargement gratuit : https://elements.envato.com/hexa-creative-website-…

Snap UI kit – wireframes iOS 8 Construit pour Sketch

Snap Kit est un outil de wireframing iOS 8 construit pour Sketch. Il vous aide à maquetter rapidement le flux de votre application à travers les écrans iOS courants grâce à ses 22 magnifiques maquettes iOS 8 et à de nombreux composants d’interface utilisateur. Il est beaucoup plus facile de créer des wireframes élégants et des flux d’apps structurés en utilisant ce kit.

Téléchargement gratuit : https://designhooks.com/freebies/snap-ui-kit-ios-8…

Modèle de conception matérielle V2 Sketch Resource

Modèle de conception matérielle V2 a été conçu par Kyle Ledbetter qui a une passion pour la conception matérielle. Il compte 81459 vues et 32021 téléchargements à l’heure actuelle.

Téléchargement gratuit : https://dribbble.com/shots/2296655-Material-Design…

Plus sur les ressources de conception d’interface utilisateur Sketch

Le kit d’interface utilisateur Bootflat est une version Sketch du framework Bootflat conçu par Anh Nguyen. Il a 68220 vues et 20517 téléchargements.

Téléchargement gratuit : https://www.sketchappsources.com/free-source/838-b…

UI Frames Sketch Resource

C’est un kit d’interface utilisateur filaire réutilisable Sketch évolutif conçu par Mariz Melo. Il a 52048 vues et 16784 téléchargements.

Téléchargement gratuit : https://dribbble.com/shots/1847092-UIFrames

Bootsketch UI Framework Sketch Resource

C’est un framework d’interface utilisateur Sketch conçu par Damian Walsh. Basé sur Twitter Bootstrap, il est parfait pour le prototypage ou l’établissement de guides de style front-end. En outre, tous les éléments sont organisés comme des symboles ou des styles de texte permettant aux changements d’être appliqués à l’ensemble du projet.

Téléchargement gratuit : https://www.sketchappsources.com/free-source/1448-…

Ressources de plugins Sketch

J’ai résumé ci-dessous 2 des meilleurs plugins Sketch pour les designers UX/UI qui vous aideront à rationaliser votre flux de travail de conception.

Mockplus iDoc – Outil de collaboration de conception en ligne & conception handoff

Mockplus iDoc fait travailler ensemble toute la conception de votre produit. Il génère automatiquement des spécifications et des actifs, et crée des prototypes interactifs et animés. Il suffit de télécharger les conceptions en un clic, il suffit de télécharger le plugin Sketch, vous pouvez générer des specs intelligemment, et afficher les données de specs avec un simple clic de souris.

Qu’est-ce qui rend ce plugin spécial ?

• Facile d’accéder aux specs de différentes façons

Il y a trois modes de specs dans iDoc. Vous pouvez survoler n’importe quel calque ; vous pouvez sélectionner un seul ou plusieurs calques ; vous pouvez maintenir la touche Alt enfoncée pour convertir les spécifications en valeurs de pourcentage.

• Un clic pour afficher les éléments dupliqués

Vous pouvez afficher les éléments de conception dupliqués en un clic, tels que le texte, la couleur, la marge et la largeur. Tous les éléments dupliqués s’afficheront à l’écran en même temps, améliorant grandement votre efficacité de travail.

Mockplus – Outil de prototypage rapide

En utilisant le plugin Mockplus dans Sketch, vous pouvez exporter des fichiers MP et faire du prototypage Sketch dans Mockplus. Cela permet aux concepteurs de collaborer et d’ajouter des annotations pour les partager avec les membres de l’équipe.

Comment l’utiliser ? Il suffit de 3 étapes :

Etape 1 : téléchargez le plugin Sketch. C’est un outil gratuit.

Etape 2 : Sélectionnez « Plugins » – « Mockplus » – « Exporter les fichiers du projet » lorsque vous terminez la conception.

Etape 3 : Redessinez votre contenu pour ajouter des interactions dans Mockplus. En outre, Mockplus a 3000+ composants préconçus pour vous permettre de rendre rapidement votre interface plus parfaite.