The purpose of this page is to document mistakes designers commonly make when converting their designs into Flutter.


Why are elements not aligned correctly?

Possible causes

  1. If elements are not aligned correctly, it is likely that the constraints are incorrect for the screen or component inside Figma.
  2. Another possible cause for elements not aligning correctly is that there could be an element inside the frame that is overflowing horizontally on the screen.

Solution


Why am I getting a file with no Stateful or Stateless widget?

Possible causes

If parabeac generates a file that contains nothing but a widget, this is likely because the user put an image or figma element on the top-level of the page that is not a Frame or Component

Example

Take the page below as an example, particularly the element titled AdobeStock

Untitled