Snap to Pixels in CorelDRAW for Crisp UI Design

Designing user interfaces in CorelDRAW requires precise alignment to prevent anti-aliased, blurry edges on screens. This guide details the essential snapping and display settings—including Pixel View, Snap to Pixels, the Pixel Grid, and object alignment commands—that guarantee your vector elements export as razor-sharp raster assets.

1. Set the Document to Pixel Units

Before drawing UI components, configure the document settings correctly:

  • Set the primary color mode to RGB.
  • Set the ruler units to Pixels.
  • Set the drawing resolution to 72 DPI or 96 DPI to match standard display rendering.

2. Enable Pixel View

CorelDRAW defaults to an enhanced vector view, which hides pixel boundaries. To preview exactly how vectors will rasterize:

  • Go to View > Pixels. This mode renders the canvas in pixels, allowing you to spot anti-aliasing artifacts and soft edges immediately while designing.

3. Activate Snap to Pixels

To ensure that any newly drawn or transformed shapes align strictly with the pixel matrix:

  • Navigate to View > Snap To > Pixels (or press Alt + Shift + Y, depending on your workspace shortcut setup).
  • When active, all anchor points, control handles, and bounding boxes automatically jump to whole pixel coordinates rather than fractional values (e.g., 100 px instead of 100.4 px).

4. Display the Pixel Grid

To visually confirm object placement:

  • Go to View > Grid > Pixel Grid.
  • Zoom in to 800% or higher for the grid to become visible. This grid shows the exact boundary of every individual pixel on your canvas, helping you manually verify icon and component alignment.

5. Use the "Align with Pixel Grid" Command

If objects were imported, rotated, or drawn before enabling snapping, they may sit on fractional pixel coordinates. To correct existing artwork:

  • Select the object or group.
  • Right-click the object and select Align with Pixel Grid, or select the command from the property bar. CorelDRAW will automatically adjust the position and bounding dimensions to whole numbers, eliminating the half-pixel shifts that cause fuzzy borders.

6. Manage Stroke Alignment

Borders and strokes can easily introduce unwanted blur if their thickness splits across pixels:

  • Use even pixel values (e.g., 2 px, 4 px) for centered outlines.
  • If using an odd pixel value (e.g., 1 px) on a centered stroke, the stroke will sit half inside and half outside the boundary, resulting in a 2-pixel wide soft line.
  • To fix this, change the stroke position to Inside or Outside within the Outline Pen dialog (F12), ensuring the stroke fills full pixel units.