Alternative products to Auto-Layout for Sketch

27 alternative and related products to Auto-Layout for Sketch

Auto-Layout for Sketch
Responsive design for Sketch

27 Alternatives to Auto-Layout for Sketch

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.

Recommendations
Andy Dent
Andy Dent- Touchgram founder, coder+martial artist
I'm using it to: - import Sketch designs and prototype animations - show translated screens on different devices so I can refine the design - generate native code and screen resources I'm using directly in my app.
Andy Dent
Andy Dent- Touchgram founder, coder+martial artist
I'm a big fan and I'm not a pro designer, very much self-taught. I like tools which do a good job of code generation. Supernova Studio is superb in letting you see generated code alongside the graphic design, across various languages and either iOS or Android. The animation tools are simple but good enough to do both micro-interactions and animations between… See more
Brennon Denny
Brennon Denny- Creating Things @ DennyDevHQ 💡
Supernova is a design-to-code platform that allows you to convert designs to native app components
Around the web
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.
9 Alternatives to Supernova Studio

Turn Sketch designs into native mobile apps in minutes

Recommendations
Kyle W. Ludwig
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
Around the web
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.
5 Alternatives to Supernova

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.

Recommendations
Luka Marr
Luka Marr- Designer
It works inside the Sketch UI.
Around the web
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.
12 Alternatives to Timeline for Sketch

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.

Around the web
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.
8 Alternatives to A Screen Design Tool by Framer

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.

Recommendations
Ivan
Ivan- Founder of Icons8
The only editor that not only opens, but also saves .sketch files
Around the web
lunacy-docs
Documentation for Lunacy, Sketch for Windows
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

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.

Around the web
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...
14 Alternatives to Sketch Icons

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

Around the web
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.
18 Alternatives to Frames 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

8 Alternatives to Nested Symbols & Styleguides for Sketch

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.

Recommendations
Matt D. Smith
Matt D. Smith- Design Director, Studio Mds
I'm biased (because I made it) but from a designer's perspective this is my go to tool for mapping out high-level flows. Tons of pre-made components and blocks in a reusable library for Sketch and Figma.
11 Alternatives to Flowkit

The most advanced Design System for Sketch

Atomize Design System is the most advanced UI design framework that helps designers create beautiful and consistent user interfaces for the web.

Around the web
Medium
Atomize Design System is the most advanced UI design framework for Sketch that helps designers to create well structured and scalable user interfaces for the web. The entire system is built using Nested Symbols and Shared Styles. Implementing Atomize design system is as easy!
13 Alternatives to Atomize

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!

17 Alternatives to Symbol Design System

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.

Around the web
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.
9 Alternatives to Plant
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.