Plugins guide
Extend Acme’s functionality with powerful plugins.
What Are Plugins?
Plugins add new features and automate tasks in Acme Design Studio.
Why Use Plugins?
Automation: Automate repetitive tasks and save time.
Enhanced Features: Add functionality not built into Acme.
Integrations: Connect with external tools and services.
Productivity: Streamline your workflow with specialized tools.
Installing Plugins
Get started with the plugin ecosystem.
Browse Plugins
Access the plugin library:
- Plugins → Browse Plugins
- Or search directly in Quick Actions (
Cmd /) - Browse categories or search by name
Plugin Categories
Productivity:
- Batch rename
- Auto layout helpers
- Layer organization
Content:
- Lorem ipsum generators
- Image placeholders
- Icon libraries
Design:
- Color palettes
- Gradient generators
- Pattern creators
Export:
- Advanced export options
- Code generators
- Asset optimization
Data:
- JSON importers
- Spreadsheet integration
- API connectors
Installing
To Install:
- Find plugin in browser
- Click Install
- Plugin appears in Plugins menu
- Some plugins require account setup
Permissions: Review requested permissions:
- Read access - View your designs
- Write access - Modify your designs
- Network - Make API calls
- Storage - Save plugin data
Popular Plugins
Essential plugins for every designer.
Content & Images
Unsplash Free stock photos directly in Acme.
Use case: Insert high-quality placeholder images.
Iconify Browse 200,000+ icons from multiple icon libraries.
Use case: Find and insert icons without leaving Acme.
Content Reel Generate realistic placeholder content.
Use case: Fill designs with realistic names, emails, avatars.
Lorem Ipsum Generate placeholder text in multiple languages.
Use case: Fill text layers with dummy content.
Color & Style
Coolors Generate beautiful color palettes.
Use case: Color scheme inspiration and generation.
Color Contrast Checker Check WCAG accessibility compliance.
Use case: Ensure text meets contrast requirements.
Color Palettes Extract color palettes from images.
Use case: Generate color schemes from photos.
Material Design Color Palette Google’s Material Design colors.
Use case: Apply Material Design color system.
Layout & Organization
Auto Layout Quickstart Quickly apply Auto Layout with smart defaults.
Use case: Speed up Auto Layout setup.
Rename It Batch rename layers with powerful patterns.
Use case: Clean up layer names across selection.
Sorter Sort layers alphabetically or by position.
Use case: Organize messy layer hierarchies.
Clean Document Remove unused styles and components.
Use case: Clean up files and reduce file size.
Prototyping
Autoflow Draw flow arrows between screens automatically.
Use case: Visualize user flows and navigation.
Device Frames Wrap designs in realistic device mockups.
Use case: Present designs in device context.
GIF Export Export prototypes as animated GIFs.
Use case: Share quick animations without prototype links.
Accessibility
Stark Comprehensive accessibility toolkit.
Use case: Check contrast, simulate color blindness, generate reports.
A11y Annotation Kit Add accessibility annotations to designs.
Use case: Document accessibility requirements for developers.
Focus Orderer Visualize and manage focus order.
Use case: Ensure logical keyboard navigation.
Developer Tools
Inspect Generate code from designs.
Use case: Export CSS, iOS, Android code.
SVG Export Advanced SVG export options.
Use case: Optimize SVGs for web use.
JSON Generator Export design data as JSON.
Use case: Use design values in code.
Using Plugins
Run and configure plugins.
Running Plugins
From Menu:
- Plugins → [Plugin Name]
- Plugin UI appears
From Quick Actions:
- Press
Cmd / - Type plugin name
- Press Enter
Recent Plugins: Access recently used plugins at top of Plugins menu.
Plugin Interfaces
Simple Plugins: Some plugins run immediately with no UI:
- Click to run
- Action completes
- Notification confirms
UI Plugins: Others show an interface:
- Configure options
- Preview changes
- Apply when ready
Example - Content Reel:
1. Select text layers
2. Plugins → Content Reel
3. Choose content type (names, emails, etc.)
4. Configure options
5. Click "Apply"
Plugin Settings
Some plugins have settings:
Access Settings:
- Plugins → Manage Plugins
- Find plugin
- Click Settings icon
- Configure preferences
Common Settings:
- API keys
- Default preferences
- Account connections
- Keyboard shortcuts
Plugin Workflows
Integrate plugins into your workflow.
Content Generation
Placeholder Content Flow:
- Design layout with text layers
- Run Lorem Ipsum for body text
- Run Content Reel for names and emails
- Run Unsplash for images
- Design is now filled with realistic content
Color Design
Color Exploration Flow:
- Import inspiration image
- Run Color Palettes to extract colors
- Create color styles from palette
- Apply throughout design
- Run Color Contrast Checker to verify accessibility
Icon Management
Icon Workflow:
- Run Iconify when you need an icon
- Search for icon
- Choose style (outline, filled, etc.)
- Insert and customize
- Create components for frequently used icons
File Cleanup
Cleanup Flow:
- Run Sorter to organize layers
- Run Rename It to fix layer names
- Run Clean Document to remove unused items
- File is now organized and optimized
Developing Plugins
Create your own plugins (see API Reference for details).
When to Build
Build a plugin when you:
- Repeatedly do the same manual task
- Need to integrate with external service
- Want to share utility with team
- Need functionality Acme doesn’t provide
Plugin Ideas
Automation:
- Batch operations
- Style applications
- Content generation
Integrations:
- CMS connections
- API integrations
- Export to specific formats
Utilities:
- Calculations
- Data transformations
- Custom checks
Learning Resources
Official Docs: Check API Reference for complete documentation.
Example Plugins: Study open-source plugins on GitHub.
Community: Join Acme plugin developers community.
Managing Plugins
Keep your plugins organized.
Plugin Library
View all installed plugins:
Plugins → Manage Plugins
Shows:
- Installed plugins
- Plugin descriptions
- Version numbers
- Last updated
- Settings access
Updating Plugins
Auto Updates: Most plugins update automatically.
Manual Updates:
- Plugins → Manage Plugins
- Click Update if available
- Read changelog
- Confirm update
Uninstalling
Remove plugins you don’t use:
- Plugins → Manage Plugins
- Find plugin
- Click Uninstall
- Confirm removal
Note: Plugin data may be preserved for reinstallation.
Favorites
Mark frequently used plugins:
- Plugins → Manage Plugins
- Click star icon to favorite
- Favorites appear at top of Plugins menu
Plugin Security
Stay safe with plugins.
Permission Review
Before Installing:
- Review requested permissions
- Understand why plugin needs each permission
- Only install from trusted sources
Permissions:
- Read - View your designs
- Write - Modify designs
- Network - Make API calls
- Storage - Save plugin settings
Trusted Sources
Official Plugins: Verified by Acme team - safest option.
Community Plugins: From community developers - review carefully.
Private Plugins: For your team only.
Best Practices
Security Tips:
- Don’t grant unnecessary permissions
- Review updates before accepting
- Uninstall unused plugins
- Report suspicious plugins
- Keep plugins updated
Troubleshooting
Fix common plugin issues.
Plugin Won’t Run
Try:
- Restart Acme
- Check if plugin needs update
- Verify you have selection if required
- Check plugin permissions
- Reinstall plugin
Unexpected Results
Debug Steps:
- Undo the change (
Cmd Z) - Verify your selection
- Check plugin settings
- Try with simple example
- Contact plugin developer
Performance Issues
If plugins slow down Acme:
Solutions:
- Close unused plugin UIs
- Uninstall plugins you don’t use
- Run plugins on smaller selections first
- Check for plugin updates
- Report issue to developer
Plugin Errors
If plugin shows error:
- Note error message
- Try again with simpler input
- Check plugin documentation
- Contact plugin support
- Report bug if needed
Plugin Recommendations
Starter plugin pack by use case.
For UI Design
- Iconify - Icons
- Content Reel - Placeholder content
- Auto Layout Quickstart - Layout
- Stark - Accessibility
- Unsplash - Images
For Illustration
- Color Palettes - Colors from images
- Pattern Generator - Repeating patterns
- Gradient Generator - Complex gradients
- SVG Export - Optimized exports
For Productivity
- Rename It - Batch rename
- Sorter - Layer organization
- Clean Document - File cleanup
- Batch Operations - Bulk edits
- Quick Actions - Shortcuts
For Collaboration
- Specs - Developer handoff
- Export Kit - Asset export
- Version Compare - Compare versions
- Annotation Kit - Design notes
For Prototyping
- Autoflow - Flow diagrams
- Device Frames - Mockups
- GIF Export - Animations
- Interactive Components - Advanced prototypes
Advanced Usage
Power user tips.
Keyboard Shortcuts
Set Custom Shortcuts:
- Preferences → Keyboard Shortcuts
- Find plugin command
- Set custom shortcut
- Save
Quick Access: Assign shortcuts to your most-used plugins.
Combining Plugins
Chain plugins together:
Example - Full Content Flow:
- Run Content Reel for user data
- Run Unsplash for avatars
- Run Iconify for icons
- Run Color Contrast Checker for verification
Batch Processing
Use plugins on multiple artboards:
- Select all artboards or frames
- Run plugin
- Plugin processes all selected items
- Much faster than one-by-one
Plugin Data
Some plugins save data:
Persistent Settings: Plugins remember your preferences.
Project Data: Some plugins store data per-file.
Synced Data: Cloud-connected plugins sync across devices.
Community & Support
Get help and discover more.
Finding Help
Plugin Documentation: Most plugins have docs linked in description.
Community Forum: Ask questions and share tips.
Plugin Developer: Contact info usually in plugin details.
Sharing Tips
Community Contributions: Share your plugin workflows and discoveries.
Reviews: Help others by reviewing plugins you use.
Tutorials: Create tutorials for complex plugins.
Next Steps
- Build your own plugin with API Reference
- Learn Advanced Features
- Follow Best Practices
- Master Keyboard Shortcuts