Alternative products to Auto-Layout for Sketch

Auto-Layout for Sketch

Responsive design for Sketch

23 alternative and related products to Auto-Layout for Sketch

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

Supernova

Turn Sketch designs into native mobile apps in minutes

Kyle W. Ludwig- Co-founder, Looma 🍐
Wait! There's more. Use Sketch to make the prototypes, then put them into Craft by Invision to make clickable prototypes you can share on the web to get localized comments from collaborators on your design. You can also use Inspect by Invision to hand off the fonts, color palettes, and assets from designers to the developers. I've tried Adobe XD for over a y… See more
Siftery
Explore the software, services, and tools that Supernova uses in their stack, including products for Marketing, Sales and BD, Customer Support and Success, and Developer.
4 Alternatives to Supernova

A Screen Design Tool by Framer

High-fidelity design and prototyping, all in one place.

Today we’re proud to unveil our new screen design tool, fully integrated into Framer.

From Frames, Vectors and SVGs to Handoff, the entire tool is a labor of love, made by designers, for designers. Complemented by our high-fidelity prototyping interface, Framer is now the only tool you need to be a better designer today, tomorrow and beyond.

Framer
Frames, vectors, SVGs and developer handoff. Get an in-depth look at our biggest launch of the year | Framer.com At the beginning of this year, we started with a bold mission - to build and integrate a design tool directly into our existing product interface.
Dribbble
A community of designers sharing their work, process, and current projects. Get inspired and build your network If invited, share your work and grow Message designers about work opportunities (3 free messages)
VentureBeat
Framer, an Amsterdam-based visual design tool company, is announcing it has raised $7.7 million in venture capital in a round led by Silicon Valley venture fund Accel. Framer makes a full-service screen design tool aimed at graphic designers.
6 Alternatives to A Screen Design Tool by Framer

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

Lunacy Editor 3.0

Free Windows app that opens, edits, and stores .sketch files

The Icons8 team rolls out a global update for Lunacy, a native Windows app that opens, edits, and stores .sketch files. In short, it’s long-awaited Sketch for Windows. It helps design teams working on different operating systems and improves the transition from design to development. It's a beta version. And it’s completely free.

Ivan- Founder of Icons8
The only editor that not only opens, but also saves .sketch files
Icons8
Big day: our team has just released Lunacy 3.0. It is a native Windows app that opens, edits, and stores .sketch files. And it's completely free. At the moment the app is featured on Product Hunt - join the discussion and welcome to leave your feedback.
Designer News
Lunacy Editor 3.0 - opens, edits, and saves .sketch files
UX Planet
There's a new software called Lunacy which is an extension of the Sketch platform for the billions of Windows users.
6 Alternatives to Lunacy Editor 3.0

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

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

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

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

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 are your favorite Sketch plugins? 💎

Chad WhitakerProduct Designer at Product Hunt 👋
Craft Prototype, from InVision - Design, prototype, and collaborate seamlessly
"It gives some really nifty features like realistic dummy data, images from unsplash and duplication."
Marvel for Sketch - Sync, play and record prototypes in Sketch!
"Best Sketch Plugin ever since sliced bread if you are into designing webpages."
Auto-Layout for Sketch - Responsive design for Sketch
"Great plugin to create responsive design. I use it with Craft by Invision to dynamically change data and modify page accordingly. I recentl… See more
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.