Sketch to Web

From Sketch design to live site in minutes

4 followers

From Sketch design to live site in minutes

4 followers

•

•

Sketch to Web is a free Sketch plugin that turns any design into a layout in Sitely, the Visual+AI Website Builder for macOS. This is an immediately functional website, and with a few tweaks you can add interactivity.

Launch tags:Design Tools•Sketch

Launch Team

Tines The single, secure environment for agents, apps, and automations.

Promoted

InTab 2.0

there is already a free open source project that does this extremely well (supports Angular, React...) called xlayers and it doesn't require any extension to be downloaded: https://xlayers.dev/

Report

7yr ago

CheckPlug

@hamedbaatour Exactly

Report

7yr ago

Sparkle 3

Maker

@hamedbaatour awesome! That's excellent if what you want is Angular or React. Sparkle is not about code, so if you are building a regular website instead of a webapp it's much quicker and simpler.

Report

7yr ago

InTab 2.0

@duncanwilcox you can export also "a regular website" in xlayers using vanilla HTML, CSS & JS (native web components is supported too). nothing personal... but honestly, I don't see see the value or something new here.

Report

7yr ago

Sparkle 3

Maker

@hamedbaatour no worries! I totally understand! The value is the website is not turned into code, which you need to know how to deal with, the website is turned into a Sparkle site, with high level tools. If that's not your cup of tea it's fully understandable. You have to realize there are probably 100x non-coders in the world.

Report

7yr ago

InTab 2.0

@duncanwilcox You don't need to be an expert to deploy a website this days and you don't even have to look at the code generated by xlayers. Finding an easier and most importantly a flexible way that lets me be in control of the website creation process is the goal here. And just to correct some false claims here I wanna say "It is not my cup of tea" to see people being locked up in a single platform (a single point of failure) just because such a feature is already free, open source and much more developed by the community. I don't own the referenced open source project so I don't have any agenda here unlike your position to pitch & market a product here to the masses and I totally understand why this feature is your cup of tea. Good luck though :)

Report

7yr ago

Great work guys. Been looking for something like this for a while. Would have loved to see a demo of what content gets exported from Sparkle for web.

Report

7yr ago

Sparkle 3

Maker

@hamed_safi thanks! There are a few videos on the sketch-to-web.com website, what content were you thinking about specifically?

Report

7yr ago

Artup

@duncanwilcox do I need to export multiple artboards for responsive design?

Report

7yr ago

Sparkle 3

Maker

@ali_siam currently the plugin is unable to reconciliate different artboard layouts, so you export one and add responsive support on the Sparkle side

Report

7yr ago

Artup

@duncanwilcox cool will give it a try

Report

7yr ago

Im more curious in exported source code from sparkle :)

Report

7yr ago

Sparkle 3

Maker

@lukasjorissen Sparkle's home page, or sketch-to-web.com are both built with Sparkle. That said, Sparkle does not focus on code, so for most users it's irrelevant.

Report

7yr ago

ByPeople

This looks great and really useful to all non-coder people out there Kudos!

Report

7yr ago

This won’t work too nicely with Wordpress. Nonetheless very useful for some websites.

Report

7yr ago

Sparkle 3

Maker

@androidlove thanks for checking it out. I guess there's a tendency to lump all web design tools together. Sparkle doesn't cater to coders, doesn't produce wordpress templates. There are literally hundreds of tools that do, so no harm done there.

Report

7yr ago

Book About Remote Work

Great work @duncanwilcox !

Report

7yr ago

1 2

Reviews