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

用户头像
深圳/设计爱好者/4年前/214浏览
🍅关于使用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
举报
|
收藏
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
love玫瑰花
科技背景03
我要奋斗
人物运动系列插画扁平风
 ps常用偷懒笔刷
科技背景04
人物画抽象画芭蕾舞宣传画霹雳舞海报舞蹈大赛海报
炫光
宠物纪念相册H5模板系列 · 温馨治愈系 · 三款主题
科技背景01
国画水墨江南山水画装饰画电视背景墙装饰画
中秋佳节花好月圆
【中秋节】中秋海报
木纹贴图设计师常用
二十四节气图片之霜降
新能源腊八节海报
头发1
玫瑰
汉堡插画
乐陶创意体验工坊标志设计
女生半身插画
彩灯_花灯_春节彩灯_春节花灯_马年彩灯_马年花灯
人物运动系列插画
卡通兔子插画
你可能喜欢
相关收藏夹
地产VI
地产VI
地产VI
地产VI
大家都在看
登录注册