🍅关于使用Figma做设计之外的事(二)

深圳/设计爱好者/4年前/176浏览
🍅关于使用Figma做设计之外的事(二)

你甚至可以用 Figma 做番茄钟/计时器

防杠说明放在前面:这篇文章主旨是跟其他喜欢Figma的人一样尝试去发掘Figma的更多可能性,当然有其他更好用的或者费用更低的软件可以完成你原本想做的事,毕竟Figma就是一个设计软件,所以不用在这里发表诸如“我用Word不更好吗?我用Excel也可以做。用PS不香吗”等等发言。

你甚至可以用 Figma 做番茄钟/计时器。在 Figma 工作的时候,你可以设置计时器提醒自己喝水或者干嘛,当然你可以把它当作番茄钟。

打开插件 Scripter,复制代码运行。看着代码,根据需求更改时间、尺寸、颜色等。


/** This draws a simple countdown timer as an arc. Once the timer starts, you can move it around on the canvas freely. Change duration below: */ let duration = 1 * 60  // seconds let size = 128  // size of arc let color = MAGENTA  // color of arc // —————————————————————————————————————————————————————————————————— let n = figma.createEllipse() scripter.onend = () => n.remove() n.resize(size, size) n.fills = [ color.paint ] n.rotation = 90 n.arcData = { ...n.arcData, startingAngle: 0, endingAngle: Math.PI*2 } let durationms = duration * 1000 let start = Date.now() let percent = 1 while (1) {  let dt = Date.now() - start  let percent = Math.max(0, durationms - dt) / durationms  //print(percent)  n.arcData = { ...n.arcData, startingAngle: ((Math.PI*2) * (1 - percent)) }  await timer(100)  if (percent == 0) {    break  } }



文本输入你需要的时间,运行 Timer 插件,可暂定、重置。


0
Report
|
收藏
Share
相关推荐
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
DESIGN NEW WAVE
Homepage recommendation
相关收藏夹
ip形象设计+表情包
ip形象设计+表情包
ip形象设计+表情包
ip形象设计+表情包
精选收藏夹
作品收藏夹
企业展厅/文化墙 参考
企业展厅/文化墙 参考
企业展厅/文化墙 参考
企业展厅/文化墙 参考
精选收藏夹
作品收藏夹
小家电
小家电
小家电
小家电
精选收藏夹
作品收藏夹
企业展厅
企业展厅
企业展厅
企业展厅
精选收藏夹
作品收藏夹
IP形象及IP内容
IP形象及IP内容
IP形象及IP内容
IP形象及IP内容
精选收藏夹
作品收藏夹
IP形象——动物类
IP形象——动物类
IP形象——动物类
IP形象——动物类
精选收藏夹
作品收藏夹
大家都在看
Log in