Kanban Board
Script for Adobe Illustrator
✦ Available exclusively on Patreon for Pro supporters.
ㅤㅤ
Description
The Kanban Board script transforms Adobe Illustrator into a powerful task management tool by creating a visual kanban board interface directly within the application. This script provides a comprehensive project management solution with three columns (To-Do, Doing, Done) that helps designers and creative professionals organize their workflow without leaving their creative environment.
ㅤㅤ
Key Features:
- Visual Task Management: Three-column kanban board (To-Do, Doing, Done) with intuitive drag-and-drop-style controls.
- Persistent Workflow: Tasks are automatically saved to your Documents folder and restored when you restart Illustrator.
- Real-time Search: Filter tasks across all columns with live search functionality.
- Progress Tracking: Visual progress bar showing completion status with color-coded segments.
- Task Editing: Double-click any task to edit its text inline.
- Flexible Task Movement: Move tasks between columns or reorder within columns using arrow buttons.
- Batch Operations: Clear all tasks or clear only completed tasks with confirmation dialogs.
- Resizable Interface: Adaptive UI that works on different screen sizes.
ㅤㅤ
Installation
1. Download the Kanban Board.jsx script file.
2. Place the script in your Adobe Illustrator Scripts folder:
⮑ Mac: /Applications/Adobe Illustrator <Version>/Presets/<Language>/Scripts
⮑ Windows: C:\Program Files\Adobe\Adobe Illustrator <Version>\Presets\<Language>\Scripts
3. Restart Adobe Illustrator if it's already running.
4. Access the panel via: File > Scripts > Kanban Board.
5. The panel will appear as a floating window that you can move and resize:
ㅤㅤ
ㅤㅤ
Using the Panel:
ㅤㅤ
➊ Adding Tasks
Create a New Task
- Type your task description in the text input field at the top.
- Select the initial status from the dropdown (To-Do, Doing, or Done).
- Click the ➕ button or press Enter to add the task.
ㅤㅤ
ㅤㅤ
➋ Managing Task
ㅤㅤ
🅰 Moving Tasks Between Columns
- To-Do → Doing: Select a task in To-Do column and click the ▶ button.
- Doing → Done: Select a task in Doing column and click the ▶ button.
- Moving Backward: Use the ◀ button to move tasks back to previous columns.
ㅤㅤ
🅱 Reordering Tasks Within Columns
- Select any task and use the ▲ (up) or ▼ (down) buttons.
- Tasks can only be moved within their current status column.
- The selection will follow the moved task.
ㅤㅤ
🅲 Editing Task Text
- Double-click any task in any column to edit its text.
- A dialog will appear with the current text.
- Enter new text and click OK, or cancel to keep the original text.
- Empty text is not allowed.
ㅤㅤ
🅳 Deleting Tasks
- Select a task and click the ✕ (delete) button.
- A confirmation dialog will appear before deletion.
- Deleted tasks cannot be recovered.
ㅤㅤ
ㅤㅤ
➌ Search and Filter
ㅤㅤ
Finding Tasks
- Use the search box at the bottom to filter tasks across all columns.
- Search is case-insensitive and searches task text.
- The ✕ button clears the search filter.
ㅤㅤ
Search Tips
- Search results update in real-time as you type.
- Only matching tasks are displayed in the columns.
- Clear search to see all tasks again..
ㅤㅤ
ㅤㅤ
➍ Progress Tracking
ㅤㅤ
Visual Progress Bar
- The progress panel shows completion ratio (e.g., "3/10 Tasks Completed")
- Color-coded progress bar:
- Green: Completed tasks (Done)
- Light Green: In-progress tasks (Doing)
- Gray: Pending tasks (To-Do)
ㅤㅤ
ㅤㅤ
➎ Batch Operations
ㅤㅤ
Clear All Tasks
- Click "Clear All" to remove all tasks from all columns.
- Requires confirmation before execution.
- Resets the task counter to start fresh.
ㅤㅤ
Clear Completed Tasks
- Click "Clear Done" to remove only completed tasks.
- Shows count of tasks to be cleared.
- Useful for cleaning up finished work while preserving active tasks.
ㅤㅤ
ㅤㅤ
➏ Additional Tips
ㅤ
Project Organization
- Use the kanban board for individual projects or daily tasks.
- Break down large projects into smaller, manageable tasks.
- Keep task descriptions concise but descriptive.
ㅤ
Workflow Integration
- Leave the panel open while working on designs.
- Update task status as you complete work.
- Use the search feature to quickly find specific tasks.
ㅤ
Maintenance
- Regularly clear completed tasks to keep the board focused.
- Use progress bar to gauge project completion.
- Edit task descriptions to keep them current and accurate.
ㅤ
Resizing the Panel
- Drag any corner or edge to resize.
- The panel remembers your preferred size.
- Minimum size constraints ensure usability.
ㅤ
Moving the Panel
- Click and drag the title bar to reposition.
- Place it anywhere on your screen.
- Works with multiple monitors.
ㅤ
Getting Help
- Check the built-in tooltips by hovering over buttons.
- Review this guide for detailed instructions by clicking the ⏼ icon button.
ㅤ
ㅤ
☻ Wrap-Up
The Kanban Board script transforms Illustrator into a comprehensive task management environment, helping creative professionals stay organized and productive without switching between applications.
ㅤㅤ
ㅤㅤ
