|Premium iOS App Templates|
Save weeks of design and development by starting your next iOS project with a functional Swift starter kit, containing boilerplate code & UI for features such as shopping, dating, food ordering, chatting, maps, Firebase, and more. Download one of our beautiful iOS app templates and build your MVP in minutes.
A huge collection of third party Sketch plugins compiled by the creators of Sketch themselves. The list includes over 100 Sketch approved plugins covering everything from content generators and sync tools to iOS export and third party app integrations - if it's been created for Sketch (and it's any good), it's probably on the list. The list is also searchable to help you find the plugin you need.
A simple Mac utility from the creators of Flawless to reduce the size of heavy Sketch files. Reduce app lets you drag in any Sketch file and it will attempt to optimise image sizes, remove broken images, delete hidden layers, and delete unused symbols with the aim of dramatically reducing the size of the file.
A new design tool for animated and interactive user interfaces. Haiku aims to connect design and implementation by generating native code that automatically updates in your apps as you design. It starts with designs imported from Sketch which you can then add animations to using the Haiku Mac app. You can then export your designs in native code using the Lottie framework on iOS and Android and React on the web. Once implemented you can use the Haiku command line tool to keep your app in sync while making changes to your designs in realtime.
A real-time comparison tool that lets you compare your expected and implemented designs. Flawless is built into iOS simulator so is easy to make part of your development workflow. You start by dragging in your designs in any of a number of different formats (including Sketch), which will then appear on your iOS simulator. You can then toggle between overlay or split comparison modes for spotting any visual differences between the expected design and your implementation.
A collection of tools from the developers and designers at Airbnb for building design systems and using them to generate cross-platform UI code, Sketch files, images, and other artifacts. Lona starts with a collection of JSON files that are used to define a design system including components, colours, text styles, gradients, shadows, and data type. The first tool is Lona Studio which provides a graphical interface for working with these JSON files. The second is Lona Compiler which converts the files to UI code for various targets. Currently only React Native is supported, but more platforms are planned.
A simple and powerful version control app and plugin for Sketch. Plant works to organise your projects by keeping track of all versions and metadata including date, time, and the user that pushed the specific version, giving you access to the entire creative history of a project. It can even handle conflict resolution allowing you to choose, combine or create a new artboard, and diff-ing to compare any two versions of an artboard. Plantâ€™s panel lives inside Sketch's inspector letting you access current projects, add new projects, send your versions and will also notify you if there are changes that need to be loaded.
An online tool for quickly creating low fidelity UI sketches and mockups. Balsamiq Cloud gives you a palette of UI components including buttons, device frames, media, and more, that you can drag, drop and resize to create simple UI wireframes to capture your ideas. You can then collaborate on your designs in real-time with colleagues using annotations, comments, alternate versions, and chat. Balsamiq Cloud is intentionally low fidelity, focusing on structure and usability over full designs making it one of the fastest ways to prototype.
A plugin for Sketch that aims to help boost your productivity while designing. Sketch Focus lets you add notes and tasks to your Sketch document, optionally linking them to your layers. When you select an item, Sketch Focus will automatically select, centre and zoom to any linked layers. You can also filter by items marked as important or items linked to visible or selected layers, and search for items by text.
A design handoff and collaboration tool for designers and developers. Sympli lets designers easily share style guides, specs, bitmaps and vector assets with developers in the best format to make it easier to implement. It starts with Sympli plugins for Photoshop and Sketch so designers can stick to the tools their used to. From there they can export their designs and share them with their teammates. Then the developers on the team can use the Xcode and Android Studio plugins to get every detail of the design just right. You can also explore designs and download assets through the Sympli web app.
A huge library of app templates and iOS UI elements, combined into high-quality source files for Sketch and Adobe Photoshop. iOS Design Kit includes over 250 screens in 15 popular categories, as well as a library of interface elements, such as icons, search bars, alerts, tab bars, segmented controls, switches, keyboards and more. The whole lot is available for one fee, or you can get your hands on a collection of 62 screens and many core components for free!
A colour-blind simulator and contrast checker for Sketch. Stark is a Sketch plugin that helps you keep accessibility in mind when designing your apps. The preview window lets you see how your design looks for those who donâ€™t see the way a typical person does. You can select from 8 different colour profiles to simulate the various forms of colour-blindness, or use the contract checker to ensure your colours, visuals and typography provide the best readability, legibility and contrast.
A platform that helps designers share their work with the rest of their team. Wake provides a handy Mac app that lets you share designs without leaving Sketch, Photoshop or Illustrator with a simple keyboard shortcut. Designs are uploaded to the web where they are viewable by the rest of your team. Teammates can find what they're looking for by searching for people, tags, file types and dates, before adding annotations and feedback. There's also an iOS app for viewing and uploading designs on the move, as well as Slack and HipChat integration.
An online tool to create interactive prototypes and easily get feedback on your designs. Evrybo lets you link all your designs together and add transitions to get high-fidelity mobile, web and watch prototypes. You can then invite an unlimited number of people to give feedback with a public link. Clients and colleagues can add comment annotations direct on your designs. You can also view the entire collaboration history of your project including comments, invitations, files uploaded and more.
A Sketch plugin that lets you define layout constraints similar to Auto Layout on iOS helping you design interfaces for all device sizes. Auto Layout for Sketch uses simple pins to anchor elements to a edge or centre, or more advanced constraints that allow your designs to adapt to size changes in your artboards. Once your constraints are defined you can quickly create previews at a number of different standard screen sizes for most major platforms including iOS, Apple Watch, Android, Windows Phone 8, and more.
The definitive iOS design resources created by the designers at Apple. The Apple UI Design Resources include Photoshop and Sketch templates, and other UI materials for quickly designing iOS apps. They include templates and guides, colour palettes, and the official San Francisco typeface. The included icon and glyph production files have even been preconfigured to automate asset production using Sketch slices or Adobe Generator for Photoshop CC.
A tool for Mac, Windows, and Linux that helps you turn your designs into code. Avocode lets you open and inspect PSD & Sketch designs, before giving you tools to export native code for a variety of platforms including iOS (Swift), web (CSS), Android, and React Native. You can also select any layer and export as a PNG, SVG or JPG up to @4x resolution. Version control keeps track of all your revisions, and collaboration tools such as sync plugins and Slack integration make it easy to share designs with your team.
A super simple website for generating UI colours that complement your brand. A Nice Red lets you simply type in the hex code for your primary brand colour or pick it from the pop-up colour palette, and it will generate three colours that should fit nicely with your brand; a green for success states, a red for errors and an amber for warnings. Clicking a generated colour will copy the hex code ready to be pasted into the Xcode colour picker.
A simple iOS app that helps you visualise how Size Classes and layout margins look on real devices and how they change with respect to orientation, iPad multitasking (i.e. Slide Over/Split View) and Dynamic Type size changes. Adaptivity displays guides, sizes in pixels or points and current size classes over the top of many standard UI elements including pop-overs, modal presentations, split view controllers, tab bar controllers, and more. There's even two Notification Centre widgets, a notification content extension and an iMessage app to help you size up all kinds of apps.
A mac app for designing mockups of iOS applications and screens. Mocks comes with a built-in collection of graphics depicting iOS UI controls and widgets (such as buttons, toolbars, and text fields). You can drag these controls from the Library palette to the Canvas area where you compose your mockups. Alignment guides (both automatic, and user-created) help you keep your designs in line, and a powerful bezier pen tool plus a large collection of shapes, arrows, images, and magnetic lines let you customise you designs further.
The latest version of Facebook's prototyping tool based on their Origami plugin for Quartz Composer. Origami Studio is a fully featured design tool that lets you create prototypes with layers from Sketch, masks, particle systems, text, live cameras, and more. You can create and share your own reusable components, or pick from the library of pre-built Material and iOS components. Then you can bring it all to life with interactions and animations, all while previewing your designs in real time on device using the Origami Live app.
A web app to easily view, version, & share your Sketch files online. Once you've uploaded your Sketch files, SketchViewer displays them using the Canvas View that lets you pan and zoom your artboards. If you upload multiple versions of your Sketch files you can go back in time and view, compare, and pixel diff past versions. You also get a shareable link so you can demo your designs to your entire team.
A comprehensive app prototyping tool for Mac that allows you to create anything from simple tap-through prototypes, to comprehensive prototypes with impressive interactions. Flinto for Mac 2 introduces the new Behaviour Designer feature that allows for the creation of micro-interactions that happen within screens. Things like scroll-based interactions, looping animation, toggle switches, button effects and many others can be created. Unlike Flinto Lite, Flinto for Mac 2 has a one-off price and includes a 14 day free trial.
A collection of free SVG stencils ready to drop into your wireframe designs. LittlePlane makes creating wireframes quick and easy by removing the need to design every element. Stencils are tagged and categorised so it's easy to find the UI element you need for mobile or desktop, and each design is downloadable as an SVG so will work with most design apps and is scalable to any size. They are also working on a Mac app that brings access to all stencils with search and drag & drop to your desktop.