Noteli

Add Your Heading Text Here

Noteli is a professional dock-able panel for Adobe Photoshop that gives digital artists and illustrators a seamless way to manage notes directly inside their creative workflow. Instead of juggling external apps, sticky notes, or scattered files, Noteli embeds your notes straight into your Photoshop documents using XMP metadata. This means your ideas, project details, and creative reminders always travel with your PSDs—no matter where they go.

Designed with creative professionals in mind, Noteli offers a clean, distraction-free interface that sits comfortably alongside Photoshop’s workspace. It supports rich text formatting, quick sectioning, and link management, making it easy to organize everything from quick sketches of thought to fully structured project briefs. Visual indicators keep you in sync at all times, while customizable themes let you work in a style that matches your environment, whether you prefer a sleek professional notepad or a casual sticky-note aesthetic.

With powerful document management at its core, Noteli automatically associates notes with each open Photoshop file, switching context instantly as you move between projects. Every document receives its own permanent identity key, ensuring your notes stay attached even if files are renamed, moved, or duplicated. For added flexibility, your notes can also be exported in RTF or PDF formats, giving you polished, shareable documents for clients, teams, or personal archives.

Noteli is built for creative professionals who value clarity and efficiency. Whether you’re a freelance illustrator managing multiple commissions, a studio team coordinating revisions, or a student learning to document your process, Noteli provides a reliable, embedded solution that keeps your creative flow intact. With permanent note preservation, cross-platform support, and a streamlined design, it’s more than just a plugin—it’s your creative memory inside Photoshop.

BUY FROM GUMROAD
BUY FROM ADOBE
  • Embedded Notes – Notes are written into Photoshop files via XMP metadata, ensuring they travel permanently with your PSDs.
  • Dockable Panel – Seamlessly integrates into Photoshop as a professional, distraction-free workspace.
  • Rich Text Formatting – Supports bold, italic, bullet points, section dividers, and links for structured documentation.
  • Real-Time Sync – Automatic saving with clear status indicators (red while saving, green when synced).
  • Multi-Document Support – Instantly switches notes as you move between open Photoshop files.
  • Custom Themes – Choose from Black Pearl Paper, Post Note Yellow, and Light Parchment styles.
  • Character Management – Built-in counter with customizable limits for precise note control.
  • Flexible Export – Export notes as RTF or PDF for client presentations, project archives, or team sharing.
  • Cross-Platform – Works on both macOS and Windows with full feature parity.
  • Creative Professional Focus – Ideal for digital artists, illustrators, designers, students, and creative teams.

Requirements:

  1. Minimum PS Version: 24.0.0
  2. Internet Connection
  3. Valid Licence Key from Gumroad/Adobe Cloud Account

*Please note this plugin has the following built in languages: English, English US, Français, Deutsch, Español, Italiano, Português, Ελληνικά and 日本語

  • There is a projected release date for V.1.0.0 for January 2026.
  • In an incredible series of events and the release of Photoshop 27, there was a break in the code that allowed XMP data to be written from the UXP environment. Mainly due to security and a new pipeline built to deal with Content Credential data. For that reason, the past 3 days has been used to find a solution. Luckily a new more robust data saving XMP engine has been designed and is being deployed into th app. So V 1.1.0 is still set for January release.
Changelog

Noteli - Version History

Version 1.2.3 Major

2025-12-28
  • ### Added
  • - **Complete i18n Implementation** - Full multi-language support across entire application
  • - 9 supported languages: en-GB, en-US, de, fr, es, it, pt, el, ja
  • - Complete JSON translation files in `/locales/` directory for all languages
  • - Dynamic language switching without reload for main UI, tooltips, and character counter
  • - Translation callbacks for settings notifications
  • - `applyUIText()` function for comprehensive UI updates on language change
  • ### Fixed
  • - **Language Switching** - Resolved multiple critical issues preventing proper language changes
  • - Fixed storage key mismatch between settings (`noteli_language`) and i18n (`plugin_language`)
  • - Fixed tooltip caching issue - tooltips now read title attributes dynamically instead of caching at initialization
  • - Fixed initialization order - i18n now loads before splash screen for proper translation
  • - Added `data-i18n` attributes to all HTML elements requiring translation
  • - Settings modal now translates properly when language changes
  • ### Changed
  • - **Storage Keys** - Unified all localStorage keys to use `noteli_` prefix for consistency
  • - Changed `plugin_language` → `noteli_language`
  • - Updated `noteli_show_tooltips` for consistency
  • - **Character Counter** - Now supports translated unit text via `getUnitText` callback
  • - **Notification System** - Tooltips now support language changes by reading title attributes dynamically
  • ### Technical
  • - Updated `lib/ui/i18n.js` with correct localStorage keys
  • - Enhanced `script.js` with i18n initialization and `applyUIText()` function
  • - Modified `lib/core/noteli-settings.js` to include language and translation callbacks
  • - Updated `lib/ui/settings-engine.js` to support translated notification messages
  • - Enhanced `lib/ui/character-counter-engine.js` with `getUnitText` parameter
  • - Fixed `lib/core/noteli-notifications.js` tooltip event listeners to read dynamically

Version 1.2.2 Minor

2025-12-28
  • ### Fixed
  • - **Settings Persistence** - Critical fix for settings not saving correctly on first modal reopen
  • - Eliminated duplicate event listeners causing race conditions
  • - Added 50ms delay before modal close to ensure UXP localStorage writes complete
  • - Implemented aggressive DOM `selected` attribute clearing on settings load
  • - Prevented double-save issue with `save=false` parameter in callbacks
  • - **Settings Engine Integration** - Removed conflicting `noteli-settings-simple.js` implementation
  • - Consolidated to use `lib/ui/settings-engine.js` exclusively
  • - Properly initialized with `createSimpleSettingsEngine()` and callbacks
  • ### Changed
  • - **UK English Localization** - Changed all user-facing text from US to UK English
  • - \"License\" → \"Licence\" (200+ instances in UI, EULA, messages)
  • - \"Behavior\" → \"Behaviour\" in settings tabs
  • - Code identifiers (variables, functions) preserved with US spellings
  • - Third-party legal text (e.g., \"MIT License\") unchanged
  • ### Added
  • - **Internationalization System** - Comprehensive translation infrastructure
  • - Created `/locales/translations.csv` with 200+ translatable strings
  • - Organized into 16 logical categories (Splash, Licence, Settings, etc.)
  • - 10 columns: Category, en-GB Value, Translation Key, en-US, de, fr, es, it, pt, el, ja
  • - en-US column populated where spellings differ from en-GB
  • - Ready for translation into 8 additional languages

Version 1.2.1 Minor

2025-12-28
  • ### Fixed
  • - **UXP Context Menu** - Right-click context menu now works reliably
  • - Replaced unreliable `click` events with `pointerdown` for dynamic elements
  • - Implemented capture-phase event handling for proper outside-click detection
  • - Added smart hover behavior with 300ms delay before auto-close
  • - **UXP Clipboard Cursor Positioning** - Fixed cursor-reset bug after paste operations
  • - Delayed selection restoration with `setTimeout(() => { textarea.selectionStart = pos; }, 0)`
  • - Added pre-paste focus + microtask for accurate multi-line selection
  • - Paste now correctly inserts at cursor position instead of always at end
  • ### Changed
  • - **Context Menu Positioning** - Improved placement and styling
  • - Positioned over control panel instead of textarea to avoid z-index conflicts
  • - Reduced padding from `6px 12px` to `4px 8px` for compact professional appearance
  • - Final position: `offsetY: -1, offsetX: 20`
  • ### Technical
  • - Updated `lib/ui/context-menu-engine.js` with UXP-compatible pointerdown events
  • - Updated `lib/utils/clipboard-utils.js` with cursor positioning fix

Version 1.2.0 Major

2025-12-28
  • ### Fixed
  • - **Photoshop 27 Compatibility** - Critical XMP API changes resolved
  • - Adobe changed `require(\"uxp\").xmp` → `require(\"photoshop\").xmp` in PS 27
  • - Implemented automatic version detection and appropriate API selection
  • - Added 200ms delay for PS 27 XMP writes to prevent corruption
  • - Graceful fallback if version detection fails
  • ### Changed
  • - **Universal Library Architecture** - Major refactoring for code reusability
  • - Reduced script-ui.js from 3000 → 300 lines (87% reduction)
  • - Reduced script-xmp.js from 2200 → 430 lines
  • - Extracted universal engines to `/lib/` for reuse across plugins
  • - Implemented factory pattern for configurable engines
  • ### Added
  • - **Universal Engines** created in `/lib/`:
  • - **Core**: `xmp-engine.js`, `license-engine.js`
  • - **UI**: `notification-engine.js`, `settings-engine.js`, `translation-engine.js`, `splash-engine.js`
  • - **Utils**: `debounce-utils.js`, `document-utils.js`, `hash-utils.js`
  • - **Export**: `pdf-engine.js`, `rtf-engine.js`
  • - **Splash Screen** - 4-second loading sequence with realistic progression
  • - **Notepad Lines** - 1000 JavaScript-generated lines with theme color support
  • - **PS Version Detection** - Fixed using `require(\'uxp\').host.version`
  • ### Technical
  • - Converted from ES6 modules to UXP-compatible require/IIFE pattern
  • - Fixed \"Cannot use import statement outside a module\" error
  • - Maintained all functionality in single-file implementation
  • - Optimized performance with no module loading overhead

Version 1.0.1 Minor

2025-12-28
  • ### Changed
  • - UI polish and terminology improvements
  • - Minor bug fixes and user experience enhancements

Version 1.0.0 Major

2025-12-28
  • ### Added
  • - **Initial Production Release** - Full-featured note-taking plugin for Photoshop
  • - **Core Features**:
  • - XMP metadata storage for permanent note persistence
  • - Real-time document synchronization
  • - Traffic light sync indicator (green/amber/red)
  • - Professional theming system
  • - **License System**:
  • - Complete Gumroad verification
  • - Admin bypass functionality
  • - Grace period handling
  • - **Export System**:
  • - RTF export with formatting
  • - PDF export with customizable options
  • - Print functionality
  • - **User Interface**:
  • - Text formatting (bold, italic, bullets)
  • - Section headers and links
  • - Character counter with warning levels
  • - Customizable character limits
  • - **Settings Management**:
  • - Comprehensive preferences
  • - Theme selection (Black Pearl, Post Note Yellow, Light Parchment)
  • - Line height options
  • - Export format defaults
  • - **Documentation**:
  • - 23-page professional user manual
  • - Complete EULA integration
  • - **Security**:
  • - Input validation and XSS prevention
  • - Secure license verification
  • - Local-only note storage (no external transmission)
  • ### Technical
  • - Adobe UXP 6.1+ compatibility
  • - XMP metadata integration
  • - Gumroad API integration
  • - Native HTML5/CSS3/JavaScript implementation
  • - Photoshop 2022+ (version 23.3.0+) support
Bugs

Noteli - Known Issues

  • Reader App – make a 'free' reader app that literally shows the note and nothing else
  • Capitalise Icon – add capitalise icon to control panel
  • Check installer requirements – does the new engine based app need the installer for the XMP local files?
  • New XMP injection implementation – implement new XMP injection engine

No updates until after final release.

Documentation and Tutorials​

Additional Learning Resources

A detailed PDF User Guide is available for download using the link provided below. This document explains all key features and functions of the plugin, helping you become familiar with its tools and workflow so you can make the most of your creative process.

For hands-on demonstrations and walkthroughs, visit our YouTube channel, where a full series of video tutorials cover everything you need to get started with the app. These videos provide visual guidance, practical examples, and helpful tips to ensure a smooth and productive learning experience.

To stay updated with new tutorials, feature overviews, and upcoming releases, subscribe to the channel here: RobArt Illustration

PDF User Manual Link(s) English, English US, Français, Deutsch, Español, Italiano, Português, Ελληνικά and 日本語

Additional Material

As part of the development of the Noteli project, a detailed documentation process was created to guide others in understanding and implementing the intricate relationship between XMP metadata and UXP integration. This resource outlines the challenges, solutions, and best practices discovered during development. You can download the full PDF guide from the following link; here! Hope it helps!

copyright © rob art | illustration 2026. all rights reserved.

You cannot copy content of this page