Home
Softono
Figma-Timer

Figma-Timer

Open source MIT JavaScript
15
Stars
3
Forks
23
Issues
2
Watchers
3 years
Last Commit

About Figma-Timer

Figma-Timer is a Figma plugin designed to create text-based countdown timers directly on your design pages. It supports two intuitive methods for starting a countdown: you can either type the time in HH:MM:SS format preceded by the word Timer (such as Timer: 5:00) or simply enter the time (like 5:00) with a specific text layer selected before hitting Start. The plugin allows users to run multiple independent timers simultaneously on a same page, offering flexibility for various workflow scenarios. Built with Typescript Visual Studio Code it is developed by an open-source team including Viktoriia Leontieva Bernd Plontsch Leonard Thomas and Jannes Peters. The tool is installed through the Figma Community and serves designers who need to track time during sprint planning design sprints or focused work sessions without leaving their design environment. It converts simple text inputs into functional visual countdowns ensuring precise time management within Figma projects.

Platforms

Web Self-hosted

Languages

JavaScript

Links

Timer

Installation

https://www.figma.com/community/plugin/820311256083321341

Usage

Use text to create a timer on a Figma page.

There are two ways to start a timer:

  1. Type the time you want to count down in Timer: HH:MM:SS format (e.g. Timer: 5:00), then press 'Start'.
  2. Type the time you want to count down in HH:MM:SS format (e.g. 5:00). In this case you need to select the text layer before pressing 'Start'

Additionally, you can now start a couple of timers on a page (for whatever reason).

Development

  1. This plugin uses Typescript & Visual Studio Code (https://code.visualstudio.com/). To install typescript execute:
$ sudo npm install -g typescript
  1. Open the directory in Visual Studio Code and perform your changes in the code.ts file
  2. Run the "Terminal > Run Build Task..." menu item, then select "tsc: watch - tsconfig.json", to compile the JavaScript source.

Created by Viktoriia Leontieva, Bernd Plontsch, Leonard Thomas & Jannes Peters