Bano

[ BETA ]Bano is an combo-abbreviation of the words 'Batch' + 'Annotation'.Transform your design handoff workflow with powerful batch annotation capabilities!

What is Bano?

Bano is a Figma plugin that supercharges your DevMode workflow by allowing you to batch create native annotations across multiple selected elements. No more tedious one-by-one annotation creation – select artboards, components, and shapes, then add comprehensive annotations to all of them at once!

🎯 Key Features⚡ Lightning-Fast Batch ProcessingSelect multiple nodes and add annotations to all of them simultaneouslyWorks with artboards, components, shapes, text, and moreReal-time selection updates as you change your selection in Figma📝 Rich Annotation ContentPlain text or Markdown support for rich formattingSmart pattern insertion with dynamic content:`$&` - Insert current element name`$nn` - Auto-incrementing numbers (01, 02, 03...)`$nn↓` - Auto-decrementing numbers (03, 02, 01...)⚛️ Comprehensive Property PinningPin any of these properties directly in your annotations:

Dimensions: Width, Height, Min/Max constraintsVisual: Fills, Strokes, Effects, Corner Radius, OpacityTypography: Font Family, Size, Weight, Line Height, Letter SpacingLayout: Padding, Item Spacing, Layout Mode, AlignmentGrid: Row/Column gaps, spans, and anchor pointsComponents: Main component references🏷️ Smart Category ManagementAuto-detect existing categories from your Figma fileCreate new categories with custom colorsOrganize annotations by project, feature, or teamRefresh categories on-demand to stay in sync🎨 Native Figma ExperiencePixel-perfect UI that matches Figma's native interfaceDark theme optimized for DevModeIntuitive controls with visual icons and clear labelingResponsive design that works in any panel size💡 Perfect ForDesign Systems: Annotate component libraries with consistent property documentationHandoff Workflows: Speed up developer handoffs with comprehensive annotationsDesign Reviews: Add context and specifications to design iterationsDocumentation: Create living documentation within your Figma filesTeam Collaboration: Standardize annotation practices across your team🚀 How It WorksSelect multiple elements in your Figma fileConfigure your annotation content and propertiesChoose or create a category for organizationApply annotations to all selected elements instantlyClear annotations when needed with one click