All guides

Building from a wireframe

Attach a sketch, mock-up or screenshot and have the page match it.

  1. 1

    Attach the files

    Use Attach wireframes on the project screen, or Attach in the studio chat. PNG, JPG, WebP or PDF, up to 5 files of 10 MB each.

  2. 2

    Say what matters

    You can send wireframes on their own, but a sentence helps: which object the page is for, and anything in the picture that should not be built.

  3. 3

    Check the notes

    If a file can't be read, or the AI service was unavailable and SFProto built from its own templates instead, the reply says so. Where your words and the picture disagree, the AI follows your words and mentions the difference.

Something missing? Send it with the Feedback button in the app, or email support@sfproto.com.