flutter_design_grid 2.0.1

A Figma-like design grid overlay for Flutter applications. Perfect for aligning widgets, checking margins, and ensuring consistent spacing during development. v2.0 adds image overlay support for compa [...]

Changelog

2.0.0 2024-12-XX

🚀 New Features

• Image Overlay Support: Compare your Flutter UI directly with Figma designs
• Enhanced Support Button: Beautiful buttons with Grid and Image options
• Automatic Centering: Image overlays automatically center on the screen
• Adjustable Opacity: Configure image overlay transparency (default: 0.5)
• Keyboard Cycling: Press 'G' to cycle through Off → Grid → Image → Off

✨ Improvements

• More intuitive user interface with visual feedback
• Better error handling for missing image assets
• Smoother animations and transitions
• Enhanced documentation and examples

🛠️ Technical Changes

• Added imageAssetPath and imageOpacity to GridConfig
• New OverlayType enum for better state management
• Enhanced DesignGridOverlay widgets with image support
• New EnhancedToggleButton component

📖 Usage

MaterialApp(
  home: MyPage(),
).withConditionalDesignGrid(
  config: GridConfig(
    gridSize: 20,
    imageAssetPath: 'assets/designs/home_page.png',
    imageOpacity: 0.6,
  ),
)

⚠️ Breaking Changes

• None! This version is fully backward compatible with v1.0

---

1.0.0 2024-11-XX

🚀 Initial Release

• Grid overlay system with customizable configurations
• Keyboard shortcuts (G key to toggle)
• Production-safe conditional overlays
• Multiple preset configurations (baseline8, micro4, layout24)
• Extension methods for easy integration
• Complete documentation and examples