AI Experiments
Agentic Workspace
Workflow efficiency
5 min read
A space for testing AI driven workflow ideas, workspace tools and agentic experiments that shape the future of work and real-world utility.
A space for testing AI driven workflow ideas, workspace tools and agentic experiments that shape the future of work and real-world utility.
comment compass
Build
Figma Plugin
Tool used
OpenAI Codex
Turning figma comments into prioritized, context-aware design tasks
Overview
Comment Compass is an AI-assisted Figma plugin that converts design comments into prioritized, actionable tasks. It analyzes comment text and canvas context, identifies assignees, and applies user-defined P0–P3 priority rules.
Comment Compass is an AI-assisted Figma plugin that converts design comments into prioritized, actionable tasks. It analyzes comment text and canvas context, identifies assignees, and applies user-defined P0–P3 priority rules.
Key features & capabilities
Its interactive dashboard lets teams search, filter, visualize, and sort feedback by priority, status, date, author, or assignee. Users can also click comments to zoom directly to their original canvas locations, export results as CSV, or generate an editable dashboard in Figma
Its interactive dashboard lets teams search, filter, visualize, and sort feedback by priority, status, date, author, or assignee. Users can also click comments to zoom directly to their original canvas locations, export results as CSV, or generate an editable dashboard in Figma
Benefits
The plugin reduces manual review effort, creates consistent prioritization, clarifies ownership, improves team alignment, and accelerates design-to-development handoffs.
The plugin reduces manual review effort, creates consistent prioritization, clarifies ownership, improves team alignment, and accelerates design-to-development handoffs.
Comment compass overview
Comment compass in action
Comment compass in action
Comment compass in action
Comment compass in action
Neu Ready
Build
Figma Plugin
Tool used
OpenAI Codex
Convert any figma frame into Tata Neu Design System compliant frame in one click
Overview
Neu Ready is a Figma plugin that helps designers bring existing screens closer to the Neu Design System without rebuilding their layouts. It analyzes a selected frame, preserves its structure and editable layers, and generates three visually close design-system iterations using compatible Neu tokens and styles.
Neu Ready is a Figma plugin that helps designers bring existing screens closer to the Neu Design System without rebuilding their layouts. It analyzes a selected frame, preserves its structure and editable layers, and generates three visually close design-system iterations using compatible Neu tokens and styles.
Key features & capabilities
It converts a selected screen into three editable, layout-preserved Neu Design System iterations. It retains existing Neu bindings and safely matches non-Neu typography, colors, borders, spacing, radii, icons, and elevation to the closest compatible Neu tokens.
It converts a selected screen into three editable, layout-preserved Neu Design System iterations. It retains existing Neu bindings and safely matches non-Neu typography, colors, borders, spacing, radii, icons, and elevation to the closest compatible Neu tokens.
Benefits
It accelerates design-system adoption, improves consistency, protects the original frame, reports unsupported elements, and requires no external API key.
It reduces manual design-system migration work while protecting layout integrity, typography hierarchy, component instances, and existing Neu bindings.
It accelerates design-system adoption, improves consistency, protects the original frame, reports unsupported elements, and requires no external API key.
It reduces manual design-system migration work while protecting layout integrity, typography hierarchy, component instances, and existing Neu bindings.
identification, match DS, bind
identification, match DS, bind
Neu Ready in Action
Neu Ready in Action
Improved Neu Ready
Improved Neu Ready
Make it Neu
Build
Figma Plugin
Tool used
OpenAI Codex
built for
anyone with figma edit access
Turn any screenshot into an editable figma frame with Design system tokens
Overview
Make it Neu is a Figma plugin that generates Neu Design System-inspired iterations from a selected screenshot. It runs locally without an API key, uploads, or network access
Make it Neu is a Figma plugin that generates Neu Design System-inspired iterations from a selected screenshot. It runs locally without an API key, uploads, or network access
Key features & capabilities
Generates three visually close Neu iterations. Detects high-confidence control regions locally. Applies compatible Neu Design System tokens. Reports elements that cannot be safely identified.
Generates three visually close Neu iterations. Detects high-confidence control regions locally. Applies compatible Neu Design System tokens. Reports elements that cannot be safely identified.
Benefits
Requires no external AI service or API access. Accelerates Neu-styled visual exploration. Maintains strong visual fidelity to the reference. Reduces manual token selection. Avoids unreliable replacements by preserving uncertain content.
Requires no external AI service or API access. Accelerates Neu-styled visual exploration. Maintains strong visual fidelity to the reference. Reduces manual token selection. Avoids unreliable replacements by preserving uncertain content.
Failing to understand the image
Need API key to read the image (Adds up in billing)
"Make it Neu" in action
"Make it Neu" in action
Design QA
Build
Figma Plugin
Tool used
OpenAI Codex
built for
anyone with figma edit access
Automated Screenshot-to-Figma Visual Comparison and Annotation
Overview
Design QA helps designers and developers compare developed screenshots with approved Figma designs. Upload multiple screenshots, select a reference design section, and the plugin automatically finds the closest design screen, recreates the matching viewport, identifies visual discrepancies, and organizes the results into annotated QA sections
Design QA helps designers and developers compare developed screenshots with approved Figma designs. Upload multiple screenshots, select a reference design section, and the plugin automatically finds the closest design screen, recreates the matching viewport, identifies visual discrepancies, and organizes the results into annotated QA sections
Key features
Supports PNG, JPG, and WebP screenshots. Processes multiple screenshots in one batch. Displays every screen at 360 px width. Preserves each screenshot’s original aspect ratio. Supports top, scrolled, and fixed-header/footer viewports. Creates one dedicated Figma section per screenshot. Processes screenshots locally without external uploads. Provides grid, row, and column output layouts.
Supports PNG, JPG, and WebP screenshots. Processes multiple screenshots in one batch. Displays every screen at 360 px width. Preserves each screenshot’s original aspect ratio. Supports top, scrolled, and fixed-header/footer viewports. Creates one dedicated Figma section per screenshot. Processes screenshots locally without external uploads. Provides grid, row, and column output layouts.
Capabilities
Searches selected Figma sections for matching design screens. Matches screens using visual appearance, UI state, filename cues, and content. Aligns the designed viewport with the developed screenshot. Places developed and designed versions side by side. Detects discrepancies in color, typography, spacing, padding, size, alignment, content, and visual treatment. Highlights discrepancies directly on the developed screenshot. Adds native Figma annotations under the UI Discrepancy category. Allows suggested design matches to be manually overridden. Refreshes reference screens when the Figma selection changes.
Searches selected Figma sections for matching design screens. Matches screens using visual appearance, UI state, filename cues, and content. Aligns the designed viewport with the developed screenshot. Places developed and designed versions side by side. Detects discrepancies in color, typography, spacing, padding, size, alignment, content, and visual treatment. Highlights discrepancies directly on the developed screenshot. Adds native Figma annotations under the UI Discrepancy category. Allows suggested design matches to be manually overridden. Refreshes reference screens when the Figma selection changes.
Benefits
Reduces repetitive manual design-QA work. Makes developer–designer comparisons faster and more consistent. Keeps QA findings organized inside the Figma file. Provides precise, contextual feedback on the developed version. Simplifies reviewing multiple screens and UI states. Helps teams catch visual inconsistencies before release.
Reduces repetitive manual design-QA work. Makes developer–designer comparisons faster and more consistent. Keeps QA findings organized inside the Figma file. Provides precise, contextual feedback on the developed version. Simplifies reviewing multiple screens and UI states. Helps teams catch visual inconsistencies before release.
QA file preparation
Design QA in action
Design QA in action
Upcoming
Upcoming
Organisation wide portal (from leadership to all employees) for team workflow optimization
.say hello