54

Slinky – create HTML email templates in Sketch

over 2 years ago from , UX designer

Hey DN guys and girls!

Today we're launching Slinky – an experimental Sketch plugin that lets you export artboards as HTML email templates.

We're also on Product Hunt today – feel free to join the discussion over there as well!

19 comments

  • Renato de LeãoRenato de Leão, over 2 years ago

    Hey Janis.

    I'm one of those who wanted to commit suicide after trying to code a responsive html email that works everywhere. Yes even those Outlooks that use MS Word html rendering engine.

    Frameworks like, MJML and Foundation For Emails are still my biggest friends. Actually Zurb have a playground for responsive HTML emails named: Slinky. tan tan tan

    My feedback is: in a mobile world, your exemple is not responsive, despite the fact that is a single column template. You should think about adding some resets to your table elements (making them block and max-width 100% using media queries now that gmail supports them, or using the fab-four technique™).

    Either way, looks like a good start. Cheers.

    13 points
  • Pablo StanleyPablo Stanley, over 2 years ago

    Great to see more people trying to make this happen! It worked fine with a simple file. Sadly, the plugin didn't work with a complicated file, but I'm sure it will only get better. Keep it up, guys. Excited to see where you take this!

    Here are some screenshots

    ImgurImgur

    5 points
    • Wojtek Wojtek , over 2 years ago

      Looks like a good start, though!

      0 points
    • Janis Vegis, over 2 years ago

      Pablo, did you mark those illustrations as exportable? (insert thinking face emoji here) As mentioned on Slinky GitHub page you have to individually mark them as exportable, otherwise Slinky is trying to convert them into tables.

      Could you try to do this again? It would be interesting to see the results :)

      0 points
      • Pablo StanleyPablo Stanley, over 2 years ago

        Thanks for the recommendation. You're right, there were some improvements. I made the illustrations exportable so now they're rendered as images instead of divs. The rest still looks weird. Maybe it's because I'm using symbols? Again, thanks :)

        Imgur

        0 points
        • Janis Vegis, over 2 years ago

          Yeah, symbols could cause some issues. There is a lot of room for improvements but this is just the beginning.

          0 points
  • Max Quinn, over 2 years ago

    This looks great! But can I ask how well the templates perform under Litmus test, and what kind of layouts it can support?

    3 points
    • Janis Vegis, over 2 years ago

      We just ran some tests on Litmus and the templates look as expected on all the devices (phew). Slinky exports the design in a table layout, so the layout possibilities are limited to that. Please keep in mind that this is an early experiment and you can contribute to make it better by reporting issues or code improvements on GitHub.

      0 points
  • Ryan B, over 2 years ago

    Wow! This looks awesome. Can't wait to give it a try xD

    2 points
  • Volodymyr KurbatovVolodymyr Kurbatov, over 2 years ago

    Thumbs up guys!

    2 points
  • Surjith S MSurjith S M, over 2 years ago

    Your landing page says nothing.. Add some screenshots / videos and describe about your product. Otherwise its useless.

    1 point
  • Html Pro, almost 2 years ago

    Yes! it is hard to create the html email templates and would also be responsive as well. We as design agency in new york have a team of professionals and their core responsibility is Develop responsive email templates. Looking forward.

    0 points
  • Napoleon WNapoleon W, over 2 years ago

    Great stuff! Plans on adding support for MailChimp support with editable objects?

    0 points
  • Adam Kirkwood, over 2 years ago

    Hey Janis, thanks for adding the Sketchpacks Relay integration!

    Looking forward to getting those future auto-updates on a cool plugin!

    0 points
  • Berend Holtland, over 2 years ago

    Wow! this is amazing. Just tried it and it works very nicely :) It would indeed be nice to have some way to make it responsive eventually, maybe using different artboards or something?

    Anyways, looks like i'm going to be using this more often.

    Thanks so much

    0 points
  • Simon FSimon F, over 2 years ago

    Could you show us a demo of the exported HTML?

    0 points