Draw lines, text fields, images, labels, ... on view (How to start?)

Hello everyone.

Let me say, I have the following template (I created something similar using PHP and HTML, but I want to create an app as well):
img.mickedplay.de/apple-forum-screenshot-1.png

Dark gray = Header
Light blue = Image
Green = Checkbox
Yellow = Textlabel
Orange = Textfield (some of them have different functions)
Purple = Textarea
Red = signature field

Dark blue = some other similar content


This could be something like a contract paper I want to create using Swift. Almost every element is surrounded by a small border and text fields for example are invisible (the user just need to tap into the empty field inside of the border lines to take action. He could always use two fingers to zoom in (but the paper should keep it's static size). Finally after the user filled out everything, it should create a pdf file of it for example.

Unfortunately I don't know how to start and how to keep the original size (it's measured in cm).
It should have the size of A4 and should look the same on iPhone, iPad and macOS without distortion.

So, I think I have to create a new view and draw lines next to each others, adding text fields, checkboxes, labels and so on.

I hope you understand what I'm trying to do, my english is horrible. 🙄

Thanks for helping.
Draw lines, text fields, images, labels, ... on view (How to start?)
 
 
Q