Tools
Mitigation Planner
Plan raid mitigations faster than spreadsheets. Place mitigations on an interactive timeline and simulate party survival in real time.
- Timeline View — Visualize damage and mitigations chronologically with real-time lethal checks
- FFLogs Import — Paste a log URL to auto-generate a timeline
- Auto Planner — One-click mitigation placement with recast awareness
- Party Composition — Freely configure 8 jobs and stats
- Dark / Light / Focus modes — Choose the view that suits you
- i18n — Japanese / English / Chinese / Korean
- PWA — Works on mobile and offline
- Tutorial — Interactive guide for first-time users
Housing Tour Planner
Coming soon.
Feedback & Bug Reports
Join the Discord server — all feedback and bug reports are welcome!
Prerequisites
Getting Started
# Install dependencies
npm install
# (Optional) Set up FFLogs API
cp .env.local.example .env.local
# Add your FFLogs Client ID / Secret to .env.local
# Start dev server
npm run dev
Build
npm run build
npm run preview # Preview the build
Deployment
Designed for Vercel. Import the repo and set FFLOGS_CLIENT_ID and FFLOGS_CLIENT_SECRET as environment variables.
| Category | Technology |
|---|
| Framework | React 19 + TypeScript |
| Build | Vite 7 |
| State | Zustand |
| Styling | Tailwind CSS 4 |
| Animation | Framer Motion |
| Drag & Drop | dnd-kit |
| i18n | react-i18next |
| 3D Background | Three.js |
| PWA | vite-plugin-pwa |
Copyright
This is an unofficial fan tool and is not affiliated with SQUARE ENIX CO., LTD.
FINAL FANTASY is a registered trademark of Square Enix Holdings Co., Ltd.
© SQUARE ENIX CO., LTD. All Rights Reserved.
