Banksalad Completes Overhaul of 700 Icons: Applying AI Automation and Flexible Deployment Strategies

• Applied design reviews, AI-based workflow improvements, and a flexible deployment strategy to implement over 700 icons in the actual product
• Automated up to 4,900 Korean related search terms (metadata) for the 700 icons using AI, MCP, and the Figma plugin (Sheet Sync)
• Completed the transition to Icon 2.0 by resolving filename collision issues through a bulk deployment followed by live monitoring and a sequential hotfix strategy
• Confirmed that user cognitive comfort takes precedence over the symbolic nature of the design, reaffirming the principle of icons as intuitive symbols

Design Principles and Review

• Using the wheelchair icon as an example, which presented a conflict between inclusive design intent and intuitiveness, confirmed that the side profile is more intuitive than the front-facing form on mobile screens
• Supplemented the essence missed during the application of 13 rules through high-density feedback from fellow designers

AI Automation Workflow

• Connected Figma and AI using MCP to analyze icon images and name information
• Organized the intuitive Korean keywords extracted by AI into sheet data, then synchronized them to icon frames using the Figma plugin Sheet Sync

Deployment Strategy

• Adopted an overwrite method by matching new icon filenames to the old ones to reduce developer effort
• Resolved the issue of difficult version distinction by bulk-deploying the 700 icons, followed by monitoring key screens and conducting emergency fix sessions