Balsamiq Logo
Balsamiq Logo
Product
Features Balsamiq AI
Changelog
Use Cases
Customer stories
Pricing
Resources
Help Center Blog Balsamiq Academy Good Product Club
Log in Try it free
Try it free
  • Product
    • Features
    • Balsamiq AI
    • Changelog
  • Use Cases
    • Customer stories
  • Pricing
  • Resources
    • Help Center
    • Blog
    • Balsamiq Academy
    • Good Product Club
Log in Try it free
Adding and arranging UI elements
Help Center Product docs & FAQs Plans & Billing FAQs
Help Center Product docs & FAQs Plans & Billing FAQs
Documentation
  • Getting started
  • Account Management
  • Creating and editing
    • Editor overview
    • Wireframing with Balsamiq AI
    • Prototyping with Balsamiq AI
    • Working with UI elements
      • Adding UI elements
      • Selecting UI elements
      • Moving UI elements
      • Snapping and smart guides
      • Resizing UI elements
      • Aligning UI elements
      • Layering UI elements
      • Locking UI elements
      • Deleting UI elements
      • Rotating UI elements
      • Grouping UI elements
      • Cropping groups and images
      • Drawing basic UI elements
    • Editing UI elements
    • Using images and icons
    • Linking boards together
    • Managing different versions with alternates
    • Reusing wireframe elements with components
    • Keeping projects clean and organized
    • Keyboard shortcuts
  • Sharing and collaborating
  • Integrations

Cropping groups and images

It is possible to crop (mask) a group of UI elements to only show a selected portion of it. When a group is selected, a Crop button will appear in the selection toolbar. Click on it to edit the visible area of the group.

Note: To crop a single UI element, select it and group it (yes, a group with only one element). You will then be able to crop it.

You can also use the crop tool to create image sprites, useful to create button state variants, for example.


Balsamiq Logo
  • Features
  • Balsamiq AI
  • Pricing
  • Changelog
  • Balsamiq for Desktop
  • Balsamiq for Confluence
  • Balsamiq for Jira
  • Balsamiq vs other tools
  • Balsamiq Blog
  • Help Center
  • Changelog
  • Customer stories
  • Good Product Club
  • Balsamiq Academy
  • Server status
  • Research program
  • Slack community
  • Balsamiq for nonprofits
  • About us
  • Careers
  • Brand assets
  • Legal
GDPR Logo GDPR COMPLIANT SOC2 Logo SOC2 COMPLIANT

© 2008- Balsamiq · Privacy · Terms · Cookie Preferences