Alternative products to Sketch for Designers

Sketch for Designers

A growing collection of the best Sketch resources

49 alternative and related products to Sketch for Designers

Supernova Studio

Convert Sketch into iOS, Android and React apps in minutes

Supernova Studio is the first tool which truly bridges the gap between designers and developers.

Supernova Studio does this by taking your Sketch files and automatically converting them to native mobile UI, adding animations, navigation, layout etc. in the process - as you like. Supporting iOS, Android and React Native.

Prototypr
Ever since the beginning of the first mobile apps, design has played an important role in the development process. The first apps were just text and a simple interface. Though useful, early apps weren't wining awards for innovative graphic design. Then, sometime later, real design happened.
Designer News
Hey Designers, Jiri here, the CEO and creator of the https://supernova.studio/. See more
TechCrunch
Supernova, a startup operating out of Prague in the Czech Republic, is on a mission to accelerate the app development workflow of mobile designers and developers.
7 Alternatives to Supernova Studio

Timeline for Sketch

Create beautiful timeline animations in Sketch

Timeline for Sketch is the first ever Sketch plugin for creating timeline animations.

No more jumping between several tools for creating GIFs.

This simple and powerful tool lets you animate within Sketch for your websites, mobile apps, newsletters, banners, ads and more.

Luka Marr- Designer
It works inside the Sketch UI.
YouTube
Timeline for Sketch is a plugin that enables timeline animations in Sketch. Check out our Pre-Sale: https://timeline.animaapp.com See more
Twitter
Creating animations inside @sketchapp 🚀 Testing the alpha version of "Timeline" from @AnimaApp Looks promising! https://t.co/qvUjOh06dg
Medium
📣 We are delighted to announce that we are launching a pre-sale for a very exciting product that will empower designers, change the everyday workflow of many of you, and bring us one step closer to fulfilling our vision. 💪 Our mission is to bring design and development closer together.
11 Alternatives to Timeline for Sketch
Nick Abouzeid- Words at Product Hunt ✌️
Manage different versions of your designs automagically ✨ Perfect for people who *always* want to go back and redo their designs.
Enki Blog
Version control is a system which records and stores every change made to a set of files, so that you can go back to a previous state at any time. Developers have been using this method for a long time (the first kind of version control system was developed in the 70s) and it is now unthinkable to seriously write software without one.
21 Alternatives to Git Sketch Plugin

Flow

Animate Sketch designs and generate production-ready code.

Built for designers and developers, Flow lets you easily animate designs and generate production-ready code that a developer can use right away. Import Sketch Designs. Make Animations. Export Dev-ready Code.

Nicolás Prieto- Lead Designer @Flow
Best animation - code export app in the neighborhood :)
Prototypr
About a year ago we launched an alpha called C4 Studio with the tag line: Import Sketch Designs. Animate in C4 Studio. Export Dev-ready Code. Today, we're launching a new version of the same software and... That tag line still rings true. So, what's the difference? A lot, really.
8 Alternatives to Flow

Frames for Sketch

Create awesome websites & apps using powerful design system

Hello Product Hunt!

Want to introduce you Frames for Sketch - carefully crafted components and Sketch best practises combined into a powerful web design system, that will supercharge your design workflow.

Discover how to get started with Frames Design System - Read article on Medium

Medium
You can use gradients globally as well, just convert their layers to symbols and set new symbols size to x . To add more colors go to the Symbols page and simply copy any color artboard Copy/Paste it and assign a new color for it.
Medium
You might have noticed that sometimes your fingers, bypassing the thought, manage to come up faster with a name for a new layer or style, so you might have noticed such menu options in your project as Title-2, subheader-small, header- 3 etc so lets stop making and distribute poorly organised styles.
Medium
Hi, we are here to add some Tables to the list of things that give us pain in the lower back. It's might get pretty messy when you try to build a table using lines or shape groups, making so you need...
Medium
Sketch Tutorials This is part of Frames for Sketch - series of short tutorials about best practices we used to make Frames Kit truly useful tool. We'll cover on how you can make every change less painful and generate unlimited variations for your designs on the example of a simple button.
Medium
Sketch Tutorials Building a well structured asset collection is very popular duty among the designers, this non-material form of life can grow wild along with your brand, constantly generating a variety of different challenges for you or your team.
Medium
Sketch Tutorials Last week we added a small but very interesting symbol to the component list we would like to share with you. Material  - is a primary building block for design libraries in sketch app, that store and share same universal rules across the design system components.
13 Alternatives to Frames for Sketch

Sketch Icons

Generate a dynamic icon library in less than 5 minutes

A Sketch plugin that allows you to import a set of icons and automatically apply a color mask.

Web Design Envato Tuts+
Today we're going to create a dynamic icon library in Sketch. This could be a pretty complicated process, but we're going to save ourself a lot of time and stress by using a plugin called Sketch Icons. Let's dive in!
YouTube
Let's turn SVG files into an icon set Sketch Library PLUGIN: https://github.com/AMoreaux/Sketch-Icons See more
Prototypr
We have also introduce a settings panel that allows you to access advanced features. 📦 Create Presets Presets will save you a lot of time! You can now import your icons in different sizes, while choosing your padding. By entering your dimensions as artboardSize-artboardPadding your import panel will look like this: Your icons will be imported in the predefi… See more
Prototypr
As basic as it sounds, selecting and dropping a group of icons in Sketch does not work. If you want to create symbols for each of your icons, you will have to import manually. With Sketch Icons plugin, just go to Plugins -> Sketch Icons -> Import icons...
11 Alternatives to Sketch Icons

Adele

Open repository of design systems & pattern libraries 👨‍🎨 🎨

Adele is an open source repository of publically available design systems and pattern libraries. Adele lets you browse systems by technology, data structures and parts of systems quickly providing insights and inspiration to all those building design systems.

Medium
Building things was always my passion. As a kid I spent countless hours playing with weird Russian metal construction sets (I guess only kids from the former Eastern bloc know what I'm talking about), wooden blocks, LEGO... I was the kind of kid that disappeared into his own world for hours, completely consumed by creating the next great thing.
18 Alternatives to Adele

Dotgrid

A simple vector illustration tool.

Dotgrid is a simple vector glyph illustration tool, that works by adding control points and drawing different line-types between them. The tool was created to design logos and glyphs for various personal projects, and made available as a free and open source application.

Exports to SVG, PNG and DOT.

Amrith Shanbhag- Community at Product Hunt & Feathrd
I haven't tried it to make fonts but looks promising 🤔
16 Alternatives to Dotgrid

Nested Symbols & Styleguides for Sketch

Huge freebie of custom symbols & auto-updating style guides

Symbols & Styleguides for Sketch is massive package of Nested Symbols and Predefined Text-Styles all together with 4 beautiful Auto-Updating Styleguides to keep you up to date with any design change you make!

Landing Page + All features: http://symbols.janlosert.com

Check all screens: https://marvelapp.com/6e0i56e

7 Alternatives to Nested Symbols & Styleguides for Sketch

Reduce by Flawless App

Compress huge Sketch files in an instant

Elegant macOS app to compress your heavy Sketch files to a light one. Keep things small even with 1K UI elements in your designs.

David Adamu- Maker.
Reduce lets you compress huge Sketch files. I'm currently working on a Design System and Reduce comes in very handy in compressing the final size, as it will be pretty large. Asides, the Flawless App team are really great product owners!
6 Alternatives to Reduce by Flawless App

Trunk

A powerful version control platform for designers.

Trunk is a powerful version control platform for designers. It makes collaborating on design projects seamless by letting designers focus on what matters most; creating great designs!

Trunk works with Sketch & Photoshop, with support for more apps coming soon.

We've just launched the Beta and it’s Free for individuals & teams!

Medium
Today, we launched the beta of Trunk, Github for designers. Version control is a massive problem for designers. We've been testing Trunk for the last few months and seen: 100s of design teams onboarded onto Trunk Hundreds of projects created Thousands of commits made You can sign up to up to the public beta here.
8 Alternatives to Trunk

iOS 11 GUI for iPhone X and iPhone 8

Fresh screens from iOS 11 for Sketch & Figma

A massive collection of core components and over 60 (x2) selected screens found in the public release of iOS 11 made with extra attention to the Human Interface Guidelines. Resources include versions for iPhone X and iPhone 8. Sketch files are made with Nested Symbols and contain Text Styles and Resize options.

9to5Mac
Apple has just released iOS 11 to the public, for iPhone, iPad and iPod touch users. The major update brings a variety of new features including a redesigned Control Center, a brand-new App Store, the new Files app, Do Not Disturb While Driving, a new Lock Screen / Cover Sheet experience, and much more.
The Verge
iOS 11 is available, officially, today. It's coming to every iPhone and iPad made in the past few years, and chances are, you're going to upgrade. When you install it on your iPhone, you'll find that some things are very different than what you're used to, but the core of how you get around and experience the OS will be the same.
Macrumors
Introduced on June 5, 2017 at the Worldwide Developers Conference, iOS 11 is the next-generation version of iOS. As Apple CEO Tim Cook said on stage at WWDC, the update takes the best and most advanced operating system and turns it up to 11.
7 Alternatives to iOS 11 GUI for iPhone X and iPhone 8

Flowkit

Sketch library for user flows/content maps/annotations

Flowkit is a Sketch library that allows you to quickly build out high-level flows to tell the story of your designs—perfect for presentations and documentation. You have full control over intelligently-named symbols and endpoints, making complex flows a walk in the park.

11 Alternatives to Flowkit

Diya

Create timeline animations directly in Sketch

Design animations and preview them directly in Sketch

Kai Gradert- Designer
I just started using Diya. I like it so far. It exports to web prototypes, which makes sharing super easy.
Designer News
Hey everybody! I'm working on a plugin to bring timeline animation, directly to Sketch. Here's what I have so far: http://diyahq.com See more
9 Alternatives to Diya

Creative Market Pro

Unlimited downloads of 260k+ curated design assets

Creative Market Pro is a new design asset subscription built to help professional designers and teams deliver great design work fast. With Creative Market Pro, these designers can download high-quality, curated fonts, graphics, templates, add-ons, photos, and themes to elevate their work.

Medium
The past few months since spinning out from Autodesk have been a pretty exciting time for Creative Market. Not only have we established ourselves as an independent company again with our own brand new office space, grown the team by nearly 50%, and surpassed 4 million members in the community, we've also been hard at work on our most ambitious project since … See more
14 Alternatives to Creative Market Pro

Space Icons

77 hand-drawn space icons in multiple graphic versions

77 Hand drawn icons in multiple graphic versions (outline, color and sticker) carefully handcrafted. A must have for every Sci-Fi fan

Smashing Magazine
When you were small, haven't you ever dreamt of becoming the commander of a space mission? Of exploring outer space and seing the Earth from above? Well, you might not have made it into an actual space shuttle, but maybe you still carry this fascination for everything extraterrestrial inside of you.
17 Alternatives to Space Icons

Sketch The Ripper

Rip and share .sketch files on any OS in one click 💎

Sketch.The.Ripper shows the contents of any .sketch file: artboards, symbols, and text.

It's useful for HTML coding. Unlike complicated tools like Zeplin, Avocode, and Lunacy, it rips the files quickly, showing all the context that it finds useful. And it's completely free.

Example of a ripped file: http://bit.ly/sketch-the-ripper-sample

13 Alternatives to Sketch The Ripper

Monsters for Sketch

Create your own monster character in seconds.

A pay-what-you-want Sketch library for building your own army of cartoonish monsters. Zero learning curve, no design skills required. Works in Sketch only.

Webdesigner Depot
Build your own army of monsters with this smart Sketch template designed by Sliday! How to use Monsters for Sketch: 1. Open Monster.sketch in the latest Sketch 2. Install as a library: Go to menu "Sketch / Preferences." or ⌘ + , Select the "Libraries" tab.
11 Alternatives to Monsters for Sketch

Illustration Tools

Directory of tools and resources for illustrators

Illustration Tools is a platform for illustrators, creatives, and artists. It serves as a meeting point for the community, providing tools, knowledge, and a space for discussion.

Magoz Blog
I'm turning 29 today. I can't believe how fast time passes. Exactly three years ago, I was writing my first article on this blog. Everything started as a decision of sharing knowledge but ended up being much more. Every week, I receive comments and emails from readers with lots of different questions.
8 Alternatives to Illustration Tools

Symbol Design System

Advanced web-design system based on Sketch nested symbols.

Symbol is an advanced web-design system based on Sketch nested symbols. There are not only the components but also the logic, the atomic structure. You can easily change just one symbol to create your own design style super fast.

Devil is in the details:

Easy to Customize. We spent a lot of time to make basic elements flexible and customizable

Smart Typography. Just change the font once and it changes everywhere!

United Colors. Use color palette to change all linked components in one move!

Adaptive Elements. If you want to resize the element — just do it! Content will adjust to new size automatically!

Ready to Code. We are already working on Symbol Framework which will help you to move your design to code

Made for Speed. Speed-up your workflow on complicated websites up to 2× fast

Soo, welcome home sketchers!

14 Alternatives to Symbol Design System

Bootsketch

Ship products instead of renaming layer groups

Bootsketch saves you time when designing by giving you Bootstrap components in Sketch format.

In Bootsketch I've created each symbol to be resizable, intuitive, and extendable

All colors are linked to layer styles and symbols so updating branding is extremely quick and easy. Updating text styles is just as easy

👇 MORE DETAILS BELOW

10 Alternatives to Bootsketch

Plant

Version control for designers, new plugin for Sketch

Plant is a simple and powerful version control tool that is seamlessly integrated with Sketch. By keeping track of all versions and metadata including date, time, and the user that pushed the specific version, Plant maximizes the efficiency of teamwork and ensures that users have access to the creative history of a project.

Medium
From the very moment we launched Plant, we began working to bring you a better and faster versioning plugin. During this time we made it our priority to incorporate the valuable feedback that you provided. Today we are ready to tell you all about our most recent improvements.
8 Alternatives to Plant

Sketch Syntax Highlighter

Highlight the syntax of any code snippet in Sketch

Syntax Highlighter is a plugin for Sketch that highlights code snippets directly in Sketch Text Layers.

It supports 170+ languages and comes with more than 70 themes, including popular ones like Monokai, Tomorrow Night or Solarized.

Happy Highlighting!

Twitter
Check out this great Syntax Highlighter plugin designed and built at #DesignToolsBLN Hackathon https://t.co/kKnDieejLf
Twitter
Create abstract code in #SketchApp with Flow and Sketch Syntax Highlighter by @danielguillan and @vieron https://t.co/Rs1Q7lNBd3 See more
10 Alternatives to Sketch Syntax Highlighter

Straple

An end to end design system in Sketch and ReactJS

Straple is a design system which focuses on going from Brand all the way to product development. We want to empower teams by minimising production and resource requirements to help focus on creating great things. Built using Sketch and ReactJS with more variations and platforms in the future.

17 Alternatives to Straple

Merge Duplicate Symbols

Automatically find and act on duplicate symbols in Sketch

Merge Duplicate Symbols is a Sketch.app plugin to merge symbols with the same name. Choose the one you want to keep and press OK. The other symbols will be removed, and all of their instances will be replaced by the one you chose to keep.

Medium
Ever worked in a brand new Sketch project, and realise that you can import somehow artboards or symbols from another project to save some time? Or collaborating with some other designers in different Sketch files, and willing to integrate your work? Sounds like a good idea. Copy/Paste. Nothing could go wrong.
9 Alternatives to Merge Duplicate Symbols

What products are you thankful for? 🤔

Product Hunt
Slack for Mac - A new, improved Slack desktop app for Mac
"Without Slack, the Product Hunt team will be animating GIFs by hand and sending messages via postcard 💌"
Product Hunt 4.0 - Now with Reviews, Badges, Web Links, and more ✨
"Without this, I wouldn't have found myself a community that I'm 💯 proud to be a part of :)"
Sketch 40 - Latest version of the vector drawing tool
"Best app for designing UIs for non-designers. Forget about Photoshop."
Discover your next favorite thing

Product Hunt surfaces the best new products, every day. It's a place for product-loving enthusiasts to share and geek out about the latest mobile apps, websites, hardware projects, and tech creations.