需借助第三方插件实现:一、安装timestamp插件并运行;二、安装clocksync浏览器扩展并执行;三、克隆部署开源dateauto插件,配置后创建日期图层。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜

如果您希望在Figma设计文件中动态显示当前日期,并让该图层随系统时间自动更新,则需借助支持实时时间读取的第三方自动化插件。Figma原生不提供系统时间API访问能力,因此必须通过合规扩展实现。以下是解决此问题的步骤:
一、安装TimeStamp — 实时日期自动化插件
TimeStamp是一款专为Figma设计的时间同步插件,可创建绑定操作系统本地时间的文本图层,并支持格式自定义与定时刷新。它通过浏览器运行时环境获取Date.now()值,无需服务器通信,保障隐私与稳定性。
1、打开Figma设计文件,点击左侧工具栏中的拼图图标(Plugins)。
2、在弹出面板中点击Browse plugins in Community,跳转至Figma社区插件市场。
3、在搜索框中输入"TimeStamp",定位官方认证插件(开发者为@figma-automation)。
4、点击插件卡片右上角的Install按钮完成安装。
5、返回Figma界面,在插件面板中找到已安装的TimeStamp,右键选择Run once以初始化权限。
二、使用ClockSync — 离线兼容型时间图层生成器
ClockSync插件采用本地JavaScript定时器机制,在不依赖网络请求的前提下,每60秒自动重绘一次日期文本图层。其输出为纯矢量文本对象,可参与自动布局与组件嵌套,适合交付给开发团队复用。
1、访问Chrome网上应用店,搜索"ClockSync for Figma"。
2、确认开发者为DesignOps Tools后,点击添加至Chrome。
3、安装完成后,在浏览器地址栏输入chrome://extensions/,确保该扩展处于启用状态。
4、重新打开Figma网页版,刷新页面使扩展注入生效。
5、在Figma中按快捷键Ctrl+Shift+P(Windows)或 Cmd+Shift+P(Mac),调出命令面板,输入“ClockSync”并执行。
三、部署DateAuto — 开源可审计的时间脚本插件
DateAuto是一个开源Figma插件,源码托管于GitCode,允许用户审查时间获取逻辑。它通过监听Figma画布焦点事件触发时间更新,避免后台轮询,降低资源占用。适用于对安全性与可追溯性有明确要求的设计系统项目。
1、在终端执行命令克隆仓库:git clone https://gitcode.com/gh_mirrors/da/dateauto。
2、打开Chrome扩展管理页(chrome://extensions/),开启右上角开发者模式。
3、点击加载已解压的扩展程序,选择克隆目录下的dist文件夹。
4、返回Figma,进入任意文件,在插件面板中展开DateAuto,点击Create Date Layer。
5、在弹出的配置窗口中选择格式模板(如“YYYY年MM月DD日”),勾选Enable auto-refresh on focus后确认。











