Tooltipo

About this plugin

Create beautifully designed tooltips in seconds with Tooltip Generator! This plugin streamlines your workflow by offering real-time preview and comprehensive customization options. Perfect for UI designers, design system maintainers, and anyone looking to add consistent tooltips to their designs.

Detailed Features

• Live Preview: See your tooltip changes in real-time as you customize

• Multiple Positions: Choose from top, right, bottom, or left positioning

• Full Customization: Control colors, padding, font size, corner radius, and pointer size

• Color Control: Use color picker or input hex codes directly

• Auto-Layout Ready: All tooltips are created with auto-layout for easy integration

• Clean Output: Organized layers with proper naming and structure

• Dark Theme UI: Comfortable interface that matches Figma's dark theme

• Single-Click Creation: Generate your tooltip instantly with one click

How to Use

1. Set your tooltip text

2. Customize colors using the color picker or hex inputs

3. Choose the pointer position (top, right, bottom, or left)

4. Adjust size settings if needed (padding, font size, corner radius, pointer)

5. Preview your changes in real-time

6. Click "Create Tooltip" to add it to your design