Hal Lee

2020年12月12日发布

从 Figma 文件直接生成个人作品集网站

建站
个人网站
作品集

https://figside.com

做设计师的应该都有一个梦想——我画的设计图如果能直接变成一个网站就好了

Figside 应该可以实现你的梦想,借助于 Figma 基于 Web 和 API 友好的特性,它可以帮助你直接从 Figma 文件生成一个在线网站。

figside

使用起来也很简单,直接授权 Figma 账号登录,然后填写一个文件链接就可以生成了。Figside 提供了一些模板供你选择,你可以直接复制模板链接以导入。

import

导入成功后就会生成一个项目,如果想要发布成为一个在线网站,你还需要有一个 Vercel (这是一个网站托管平台)账号,此处按下不表。

preview

Figside 还支持通过特殊的图层命名来给网站添加样式或链接,比如图层名中包含 @minWidth:500px 的元素会被添加最小宽度样式,包含 @link:page-name 会被添加文件内或外部链接,具体可以查看他们的帮助文档

目前该工具免费版支持 3 个网站,每个网站 2 个页面,7 美元/月的专业版则不限制,感兴趣可以前往 Figside 体验。

参考链接

本信息来自于 Tovi 的推特:https://twitter.com/tovizhong/status/1337053300634640390