https://github.com/skyfallwastaken/figma-wakatime
Metrics, insights, and time tracking automatically generated from your Figma activity. Powered by WakaTime.
https://github.com/skyfallwastaken/figma-wakatime
chrome-extension figma hackatime wakatime wxt
Last synced: 3 months ago
JSON representation
Metrics, insights, and time tracking automatically generated from your Figma activity. Powered by WakaTime.
- Host: GitHub
- URL: https://github.com/skyfallwastaken/figma-wakatime
- Owner: SkyfallWasTaken
- License: gpl-3.0
- Created: 2024-12-15T22:44:15.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2025-06-21T18:51:04.000Z (4 months ago)
- Last Synced: 2025-06-22T15:57:04.807Z (4 months ago)
- Topics: chrome-extension, figma, hackatime, wakatime, wxt
- Language: TypeScript
- Homepage:
- Size: 463 KB
- Stars: 12
- Watchers: 2
- Forks: 0
- Open Issues: 5
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Here from [Summer of Making?](https://summer.hackclub.com) If you'd like to help contribute, send me a DM on the Slack!
---
# WakaTime for Figma
Track your Figma design time automatically with WakaTime. Get insights about your design activity, time spent on different projects, and visualize your productivity patterns.
[**Download for Firefox**](https://addons.mozilla.org/en-US/firefox/addon/wakatime-for-figma) • [**Download for Chrome**](https://chromewebstore.google.com/detail/wakatime-for-figma/ddoemmbdnemldilpbaofhnbhihjhbjni)
- 🎨 **Automatic time tracking** for your Figma work
- 📊 **Detailed metrics** about your design activity
- 🔄 **Real-time synchronization** with WakaTime dashboard
- 🚫 **Privacy-focused**: only tracks when you're actively working
- 🌐 **Works across all Figma files and projects**
## Installation
### For WakaTime users
1. Install the WakaTime browser extension
2. Get your WakaTime API key from [WakaTime Settings](https://wakatime.com/settings/account), click the extension icon in your toolbar, and paste it in.
3. The extension will automatically start tracking your Figma activity
### For Summer of Making users
1. Install the WakaTime browser extension
2. Go to the [Hackatime setup page](https://hackatime.hackclub.com/my/wakatime_setup), and click `Advanced/Custom Setup`
3. Copy the API key and API URL parts from the instructions. Then click on the WakaTime icon in your toolbar/extensions section and paste them in
4. The extension will automatically start tracking your Figma activity
## Development
This extension is built using [WXT](https://wxt.dev) and TypeScript. You also need [Bun v1.1.40](https://bun.sh) to run the development server and build the extension.
```bash
# Install dependencies
bun install
# Start development server
bun dev
# Build for production
bun run build
bun run build:firefox
# Create distribution zip
bun run zip
bun run zip:firefox
```
## How it works
The extension monitors your activity in Figma and sends heartbeats to WakaTime when you're actively designing. It tracks:
- File edits and views
- Time spent on different projects
- Design activity patterns
Your data is securely sent to WakaTime's servers and can be viewed in your WakaTime dashboard.
## Privacy
The extension tracks:
- Project and layer names
- Time spent editing/viewing
- The time of day you made changes
- OS and browser name (e.g. Chrome on Windows)
## License
WakaTime for Figma is released under the [GNU GPLv3 License.](https://github.com/SkyfallWasTaken/figma-wakatime/blob/main/LICENSE)
## Support
Having issues? Please file them on the [GitHub Issues page](https://github.com/SkyfallWasTaken/figma-wakatime/issues). Or if you're in the Hack Club Slack, message @skyfall.