Subscribe
Sign in
Anima App
p/anima-appDesign to Code, Automated
Start new thread
Ali R. Tariq

Launchpad for Sketch - Publish responsive HTML websites directly from Sketch

by

Launchpad for Sketch gives designers the power the create live website, directly from Sketch.

You design, we put it on the web.

Add a comment

Replies

Best
Avishay Cohen
Maker
Hi Product Hunters! For our Product Hunt launch we want to offer a coupon of 20% off for the first 3 months. Redeem here: https://www.animaapp.com/signup?... We’re empowering designers to do more without the need to code. A bit about Launchpad: * It's a Platform as a Service for static websites. * Everything is done directly in Sketch. * You design, we put it on the web. Some of the features amongst others: * Breakpoints - To make your design look great on Mobile/Tablets/Desktops. * Links - Link different web pages. * Forms - Allow visitors to submit information. * Videos - Embed videos. * Analytics - Install any analytics provider code snippet such as Google Analytics or Mixpanel. * SEO and more.. It's a great tool for Landing pages and Marketing websites. It's free to use with Launchpad branding or paid if you to remove the Launchpad branding. Our Medium Post: https://medium.com/sketch-app-so... Feel free to AMA!
Ali R. Tariq
Hunter
And the gulf between design and code keeps shrinking. This one comes to you courtesy of the talented team at Anima. If you're a designer who uses Sketch at all to design websites, then you'll want to take a look at this very cool looking Sketch plugin that allows you to publish your responsive designs so you can see how they look and feel in a browser.
Noah Kim
@alirtariq to be fair, the "gulf" between a static design and html/css/js specifically wasn't really a gulf. It was solved a long time ago by many people. the way I personally always perceived the movement of closing the gap between design and code, was more surrounding dynamic applications. I.E. native mobile apps, SaaS, anything data/function/logic driven. While this is great (upvoted!), Taking X design viewable in Y platform, just not as a static image, is an exercise in convenience, not advancement.
Chris Messina
Top Hunter
The @AnimaApp folks are on a roll... I've totally fallen in love with their Auto Layout Sketch plugin, and now they've basically built an awesome version of FrontPage directly inside of Sketch (kidding! That's a joke for old fuddy duddies).
David Ryan
@chrismessina @animaapp The Frontpage thing made me pause and laugh for a second. Could have also gotten OG lols with "It's like GeoCities for Sketch", perhaps :P
Joshua Tilton
@chrismessina @animaapp I agree, this is amazing!
Robert Spivack
@chrismessina @animaapp Don't laugh - we made good money hosting FrontPage websites. Was the only reason to offer Windoz hosting until .Net was introduced
Ayush Mittal
WOW, this is brilliant! Another step to the no-code movement (freedom from the fixation that a problem can be solved just via code). Thanks @avishic for bringing Launchpad to us.
Kunal Bhatia
Absolutely crushing it, @avishic! How would you rate the code that is created using Launchpad to your own handwritten code? How much efficiency gains can you get by using Launchpad? Would love to see some examples and stats! πŸ™‚
Avishay Cohen
Maker
Thanks @kunalslab! Launchpad code is readable & maintainable, on the current version you can't download the actual code but you will in future, and were making it more efficient too (merging similar CSS classes, etc). As for how pretty it is - That actually depends on how organized you design is 😊 We've introduced Stacks on 'Auto-Layout' which are basically Flexboxes inside Sketch. So if you keep your design clean from crazy hierarchies + use Stacks + name you layers, the code is pretty neat πŸ€“ If you wanna see a code example, view-source of our homepage, it was created purely with Launchpad https://launchpad.animaapp.com πŸ‘Š
Michael Peraza
Would love to hear and test what people are doing with this software.
Trevor Hatfield
Excited to give it a go. This could be a designer / front end dev game changer.
Paul Martens
I was wondering why you guys were starting out with a generous Autolayout plugin...now it all comes together!
TamΓ‘s Kocsis
This looks unreal, awesome job guys! πŸŽ‰ πŸ‘
Product Pearson
This is great. The tools that are becoming available for those who work on both design and development of websites are insanely useful and innovative, and Launchpad for Sketch is 100% one of those.
Adi Didi Inbar
Amazingly executed, so simple. You guys rock!
Haldun AnΔ±l
This is incredible, we just tried it out and it only took us 10 seconds (not even exaggerating) to go from basic Sketch idea to functional webpage. Great stuff guys!
Timo Lins
That looks rad! Is it possible to host the website yourself? I guess some people would prefer their own hosting or maybe do some Javascript stuff afterwards... πŸ€”
John
@timolins That's something that crossed my mind as well. Seeing as how it's a SaaS pricing model, I doubt they'd give out the source code. Since it's static you could always open the dev tools and extract the HTML/CSS and JavaScript if there's any. From there you could modify the code and host it yourself, although it might be against their ToS or something.
Csaba Kissi
This looks fantastic. I'm wondering how complex it will become.
Stephen M. Levinson
Does this use CSS for buttons? Or are they images?
Haldun AnΔ±l
@stephenmarklevi Just tried it out, looks like it uses CSS!
Stephen M. Levinson
@haldun_anil Are there hover states?
Or Arbel
Maker
@stephenmarklevi @haldun_anil Not yet but in the future yes
Wasim Ullah
Absolutely stunning!
Thomas Knoll
So, squarespace for designers?
Dexter
@thomasknoll no, squarespace uses templates
Clayton Brand
This is huge! Webflow (which I love) just got a new competitor!