Alternative products to Straple

20 alternative and related products to Straple

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.

20 Alternatives to Straple

Design, code and collaborate. Now all-in-one.

Framer offers a seamless workflow. Draw, animate, and share high-fidelity work. Framer is a complete workflow for creating interactive designs.

Around the web
YouTube
This video introduces you to the perfect Design and Code workflow in Framer. Create artboards in Design, target layers, then toggle over to Code to easily insert animations, states and events. It's a unified workflow built for fast and efficient interface design work.
Co.Design
When product designers Koen Bok and Jorn van Dijk were working at Facebook in 2013, they often found themselves pitching new app ideas with traditional presentation slides. Trying to convey their responsive, interactive designs to board members through static imagery was counterintuitive and frustrating-but it was also par for the course at the time.
16 Alternatives to Framer Design

A secure, version-controlled hub for your design files

Recommendations
Ken Rossi
Ken Rossi- CardStack
Git based workflow for designers. No more final-final-final-no-this-really-final-this-time.sketch
Vlad Arbatov
Vlad Arbatov- Engineering @ Mapbox
Keeps design iterations on the point, especially valuable when working with the team / client.
Alexander Hanson-Smith
Alexander Hanson-Smith- CPO & cofounder of inploi
We love using Abstract alongside Sketch! It's great if you've got a team of designers all working together.
Around the web
Abstract
The value of design ultimately hinges on process. If we can improve the workflow, we can improve the output and perceived ROI.
TechCrunch
Design and engineering are two sides of the same coin when it comes to building software and hardware, and yet - unlike engineers, who can use services like GitHub, Bitbucket, GitLab or many others to help manage their development process - it's traditionally been slim pickings fo...
16 Alternatives to Abstract

Design and code a Swift 4 app using Sketch 40+ and Xcode 9.

Hello Product Hunt!

I've spent the last 2 and half months on this iOS app that would essentially be the book itself, and also be that app that you learn to design and code in Swift 4! My passion has always been to teach designers how to code and use Sketch. There's currently a discount for the pre-order!

Feel free to ask me anything!

Meng

Recommendations
The_Introuvable
The_Introuvable- UX Designer
This is quite a good book/course. As I always say to anyone willing to learn a new tool. You should not learn Sketch, what is the point of knowing how to use a hammer if you have no nails to hammer? Define precisely what you want to achieve then identify exactly what part of Sketch you would need to learn first. In any case this course is great !
Lisa Dziuba
Lisa Dziuba- FlawlessApp.io Founder
For learning designing & coding for iOS
Lisa Dziuba
Lisa Dziuba- FlawlessApp.io Founder
Design & Code by @mengto is a brilliant resource to learn UX & UI design and iOS development. It an interactive book with all up-to-date videos, guides, tasks. Really, check it out!
8 Alternatives to Design+Code 2

Recommendations
Nick Abouzeid
Nick Abouzeid- Partner @ Shrug Capital
Manage different versions of your designs automagically ✨ Perfect for people who *always* want to go back and redo their designs.
Around the web
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.
25 Alternatives to Git Sketch Plugin

Every shortcut for designers in one place!

Shortcuts.design is a small website that lists every shortcut a designer ever wants to know, all designapps in one place and in a simple and clear way. It's very usefull for beginning designers to quickly charge their workflow, when you switched to a new designtool or when you just want a reference for repeating actions!

20 Alternatives to Shortcuts.design

Design version control without changing your tools

Kactus is an app to unlock true version control for your design without changing your existing tools. It takes advantage of the new sketch file format and transforms them into a format that git can understand. By doing so, we can close the gap between designers and developers by using a common platform: Github.

7 Alternatives to Kactus

Version control app and 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
We are happy to announce that Plant, the most effective version control app and plugin for Sketch is now available for public. Designers and teams around the world will now have the chance to experience the most anticipated tool that will streamline their work and liberate their creativity.
9 Alternatives to Plant

Create top-quality apps with powerful Sketch design system

Plaster is a Mobile-first Toolkit designed to help validate and generate ideas faster using bulletproof guidelines packed into Sketch ecosystem. The master file is divided into 5 separate pages, each having its own purpose and lots of pre-designed contents to make it a perfect source of truth for a new project.

Around the web
Medium
Intro Over the past few years, the complexity and time-consuming costs of creating a UI kit or an Inspirational kit have significantly decreased. The market of design tools is rapidly growing and bringing a lot of new features to the game, like Symbols, Design Systems, Plugins and many other handy tools that can be used in various combinations to overcome de… See more
Medium
Sketch Tutorials I would like to present you Plaster a mobile design system made to simplify working with Material guidelines by implementing fundamental principles and Sketch app best practices into nested symbols, granting the user with a fast and reliable component-based design approach. 💡 Intro -Backstory and idea behind creation.
14 Alternatives to Plaster for Sketch

Introducing the Page tool, a new interactive tool in Framer X that allows you to go beyond simple horizontal and vertical swipe gestures. Get ready to design tons of new interactions, from 3D transitions to velocity-based snapping and more.

Around the web
Framer
Framer X's powerful new interactive tool lets you design tons of interactions, from simple swipe gestures to 3D numeric pickers.
3 Alternatives to Framer X: Page Tool

Design your web UI, then import the design directly from code. No more time wasted translating mockups to JSX and CSS. Using Pagedraw is like adding another React developer to your team.

Try a demo at https://pagedraw.io/tutorials/basics/ 🔥

Recommendations
Marcus Ellison
Marcus Ellison- Champion for global angel investors
I really like the components architecture and not worrying as much about CSS/HTML/dumb components coding
Felipe Molina
Felipe Molina
It uses React components & Sketch.
Around the web
Medium
Originally posted at https://news.ycombinator.com/item?id=16467387 . This is Pagedraw's Launch HN post, preserved here for posterity. Click the link to see the original comments. Hi HN! We're Jared and Gabe (YC W18), the founders of Pagedraw ( https://pagedraw.io See more
TechCrunch
For years, one of the holy grails of web design has been trying to automate turning front-end design into clean code. Early attempts included tools like Dreamweaver and FrontPage. Pagedraw, a member of the Y Combinator Winter 2018 class, has developed a tool to fulfill that vision in a modern context.
4 Alternatives to Pagedraw - Beta release

Build beautiful React styled components visually 💅🌠

This is a project I had built for some designers new to React I was working with 😄 ! You can convert simple CSS components to React styled-components by pasting in the CSS into the app 🚀!

Around the web
Akashj
✍️Tech Writer for Hire 🚀FullStack 🖥️OpenSource
6 Alternatives to Stylish
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.