Page Number Generator
Script for Adobe Illustrator
✦ Available exclusively on Patreon for Pro supporters.
ㅤ
Description
Page Number Generator is a powerful and intuitive script for Adobe Illustrator that automates the process of adding page numbers to your artboards. Whether you are working on a multi-page brochure, a presentation, or a book layout, this tool saves you time by dynamically generating text frames with customizable numbering options. It features a modern, interactive interface with live preview capabilities, artboard search and filtering, and real-time updates, allowing you to see changes instantly before applying them.
ㅤ
Features
- Flexible Positioning: Choose from 9 reference points (Top, Middle, Bottom aligned to Left, Center, or Right).
- Live Preview: Instantly visualize page number placement, size, and color on your artboards as you adjust settings.
- Custom Appearance: Control font size, text color (via color picker), and precise X/Y margins.
- Smart Numbering: Set a custom starting number and add optional prefixes (e.g., "Page 1", "Chapter 1").
- Facing Pages Mode: Automatically alternates page number positions for double-sided layouts (e.g., outer corners).
- Artboard Search & Filter: Quickly find artboards by name or number with real-time search filtering.
- Artboard Management: Select specific artboards to number and use the "Re-index" feature to spatially reorder artboards (Top-to-Bottom, Left-to-Right).
ㅤ

ㅤ
Installation
1. Download the Page Number Generator.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 script via File > Scripts > Page Number Generator
5. Alternatively, run it directly via File > Scripts > Other Script... and browse to the file location
Tip: You can also drag and drop the .jsx file directly onto the Illustrator workspace to run the script instantly – no installation needed.
ㅤ
ㅤ
Using the Script
Open your Illustrator document and navigate to File > Scripts > Page Number Generator. The settings dialog will appear:
ㅤ

ㅤ
➊ Selecting Artboards
The "Artboards" panel on the left lists all artboards in your document.
- Search & Filter: Use the search bar at the top of the Artboards panel to quickly find artboards by name or number. As you type, the list automatically filters to show only matching artboards.
- The ✖ button clears the search and restores the full list.
- Select/Deselect: Click to select specific artboards. Hold Cmd/Ctrl to select multiple non-adjacent artboards, or Shift for a range.
- Select All / Invert: Use the buttons below the list to quickly manage large selections.
- Navigation: Double-click an artboard name in the list to instantly zoom into that artboard. You can also use the arrow buttons (←, →) at the bottom to navigate between artboards.
ㅤ
ㅤ
➋ Customizing Appearance
Adjust the look of your page numbers in the Settings panel:
- Font Size: Enter a value or use the slider/arrow keys to adjust text size.
- Margins: Control the distance from the artboard edge.
- Link Margins (🔗): When enabled, changing the X Margin automatically updates the Y Margin to match.
- Quick Reset: Click the "X Margin" or "Y Margin" text labels to instantly reset values to 0.
- Text Color: Click the color swatch or the "Text Color" label to open the standard Color Picker. You can also manually enter a Hex code (e.g., #FF0000).
ㅤ
Numbering Options
- Start Page Number: Define where the count begins (default is 1). Useful if your document is part of a larger publication. Click the label to reset to 1.
- Prefix: Add text before the number. For example, entering "Page" results in "Page 1", "Page 2", etc.
- Use the ✖ button next to the input to quickly clear the prefix.
ㅤ
ㅤ
➌ Setting Position
Use the Ref. Point grid to determine where the page number will appear on the artboard.
- Select one of the 9 anchor points (e.g., Bottom-Right, Top-Center).
- Facing Pages: Check this option if you are designing a booklet. It ensures page numbers appear on the "outer" edges (mirroring the position on alternate pages).
ㅤ
ㅤ
➍ Re-indexing Artboards
If your artboards were created out of order, the page numbers might not follow the visual flow of your document.
- Click the Re-index button to automatically reorder all artboards based on their position on the canvas (Top-to-Bottom, then Left-to-Right).
- The script will refresh the list, clear any active search filters, and re-apply page numbers sequentially.
ㅤ
Preview: Keep the "Preview" checkbox enabled to monitor your changes.
ㅤ
ㅤ
➎ Buttons
- Apply: Click OK to generate the final text objects on a dedicated "Page Numbers" layer.
- Cancel: Click Cancel to close the script without making changes (any preview elements will be removed).
- Navigation Buttons: Use the bottom navigation controls to review your artboards:
- ← (Previous): Navigate to the previous artboard in sequence (cycles to the last artboard when at the beginning).
- ✚ (Fit All): Zoom out to fit all artboards in the view at once.
- → (Next): Navigate to the next artboard in sequence (cycles to the first artboard when at the end).
ㅤ
ㅤ
☻ Wrap Up
The Page Number Generator transforms a tedious manual task into a seamless, automated process, ensuring accuracy and consistency across your projects. With its robust feature set and live feedback, you can focus less on administrative formatting and more on your creative design.