Skip to main content

Enable or Disable Magnets in the Design Editor

Learn how to use the Magnet feature in the Design Editor to snap or freely move layers for precise layout control.

Updated over 2 weeks ago

The Magnet feature helps you align elements more precisely when designing in Abyssale. It automatically “snaps” layers to nearby edges, guides, or other layers, making layout adjustments fast and accurate.

By default, this feature is enabled in the editor.

However, some designers prefer full manual control over positioning, in that case, you can easily disable it.


Where to find the Magnet option

  1. Edit one of your design from a project .

  2. Locate the Zoom button at the top-right corner of your canvas in the design editor (it displays the current zoom level, e.g., 40%).

  3. Click the zoom percentage to open a dropdown menu.

  4. At the bottom of this menu, you’ll see several toggles, including Enable magnets.

  5. Toggle Enable magnets on or off depending on your preference.


How it works

  • When enabled, your layers will snap automatically to nearby edges, guides, or other layers as you move or resize them.

  • When disabled, layers will move freely without snapping, allowing for manual, pixel-perfect adjustments.

This gives you flexibility to choose the best workflow for your project, whether you need quick alignment or precise positioning.

Pro tips : If you’re creating designs with multiple aligned elements (like text blocks or buttons), keep magnets enabled to maintain consistent spacing.
For intricate or overlapping layouts, disabling magnets can help avoid unwanted snapping while you fine-tune placement.

Did this answer your question?