使用Slinky将草图设计转换为HTML新闻稿

大多数代码导出工具比较笨拙,而且不太可靠。 但是, SlinkySketch的另一种导出器,可将您的设计变成完全兼容的新闻稿模板

在设计程序中很容易找到时事通讯的想法重新创建您的收藏夹 。 但是,通常,对新闻通讯进行硬编码会花费很多时间,而这些时间可能会在其他地方使用。 这是Slinky真正闪耀的地方。

只需安装插件,然后使用Sketch设计新闻稿模型即可。 然后,从顶部菜单中单击插件> Slinky>导出选定的画板 。 这将弹出一个新菜单,以选择将文件导出何处以及将其称为新闻通讯

在几秒钟之内,您就可以使用模板了,该模板与所有主要的电子邮件程序完全兼容 。 但是,最好还是测试一下新闻通讯以确保它们看起来正确,这是一个好主意。

与其他代码导出工具一样,Slinky也并非完美。 例如,如果要将所有图像作为单独的项目包含在HTML代码中,则需要在Sketch 中将所有图像标记为“可导出”

这是一个小麻烦,但是与从头开始编写HTML / CSS模板相比,此插件仍可以为您节省很多时间 。 这完全取决于您需要完成多少工作。

素描素描

要了解有关此插件和要求的更多信息,请查看主要的GitHub存储库 。 在这里,您可以浏览使用指南 ,如果有任何疑问或建议,您甚至可以在Finch上找到创作者的联系方式

该插件对于任何项目都是100%免费的 ,因此无论您的编码技能如何,Slinky都是一个不错的选择。 只需访问插件页面并下载一个副本即可直接从Sketch中开始抽出电子邮件模板。


翻译自: https://www.hongkiat.com/blog/export-sketch-designs-html-newsletter-slinky/

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值