Skip to content

Troubleshooting

Grid Issues

If you're experiencing issues with Figma's Layout Grid, use this guide to identify and resolve common problems related to grid size, spacing, margins, and visibility.

Grid Not Visible

  • Frame Selection: Ensure the correct frame is selected when enabling the grid.
❌ Error: No grid has been placed on the frame.

No Grid Example

✅ Success: A correctly applied grid will appear like this on the frame.

Grid Example

  • Toggle Grid Visibility: Click the Grid icon or Eye icon in the right panel to show/hide the grid.
  • Zoom Level: Adjust the zoom level to see the grid clearly. You can adjust the zoom by clicking on the zoom percent.

Zoom Example

Grid Settings

  • Check the Grid Type: In the Layout Grid panel, ensure that you're using the correct type.

Grid Options Example

  • Verify Grid Spacing

  • Click the dropdown (currently "Grid 8px") and confirm the spacing value is correct.

  • If it’s too dense or too sparse, adjust it manually.

Set Grid Example

  • Snap to Pixel Grid: Enable Snap to Pixel Grid to ensure elements align perfectly with the grid lines. Just like adjusting the view, you can find snap to grid under the zoom percentage.

Snap To Fit Example

Prototype Issues

Prototyping in Figma allows for interactive mockups, but sometimes things don’t work as expected. Below are common issues and their solutions to help you troubleshoot efficiently.

Prototype Not Working

If interactions are unresponsive or not functioning as expected, check the following:

  • Check Connections: Open Prototype Mode and ensure that all frames are properly linked with interaction arrows.
✅ Success: A correctly applied connection will appear like this on the prototype.

Grid Example

Click on each connection and verify the interaction settings (e.g., On Click, While Hovering, etc.).

If a frame is missing a connection, re-add it manually by dragging the blue arrow to the target frame.

  • Device Preview: Test the prototype on different devices to ensure responsiveness.

Sharing Issues

  • Link Expiry: Ensure the shared link has not expired or been revoked.

  • Permissions: Verify that the sharing settings allow access for the intended audience. You can access share setting in [Share] -> [Anyone].

Change Permissions Example

Additional Support

If you continue to experience issues, consider checking Figma’s official documentation or experimenting with different settings to refine your design process. Figma also has excellent customer support available for those who need further assistance. You can visit the Community Forum and reach out with questions here.