Forma Constructor from thePenTool

Super Easy to Use

You already have a frame with empty building blocks that you just swap out for a component from dropdown like legos! Figma file has all the instructions inside which is convenient :)

Single Customization Panel

Every brand has it’s own face, there’s no one solution that fits all, that’s why everything is customizable from a single panel. Set your colors, fonts, line thickness and even corner radius—all that will be applied to the whole form instantly

Fully Adaptive

Each and every component is 100% adaptive with a minimum supported resolution of 336px, which is great for mobile forms. Maximum resolution is not really limited, but the recommendation for desktop forms would be 720px

One & Two Column Support

Some forms require having two columns of blocks. That’s also supported! Just change the single column block for a two column block and you’re good to go, you can now swap columns independently

frequently asked questions

What if I need more radio buttons/checkboxes?

First of all, read components description (it’s under the Instances dropdown, there’s a lot of useful info in there including this) All MultiControl components have lots of these controls hidden. You just need to change the height of the block to reveal them, which is described in the next question

How do I change the height of individual blocks?

While changing the width is easy, height might be trickier. First, select the whole “Form Constructor” Frame, pink dots will appear over every block. Click on the dot of the block you want to make taller and resize it as usual. It’s important that you not drag in the center (over that little line) because that will just change margins between blocks

What if I don’t need an icon on the button?

Sure, that’s really easy! You can just hide it in the layers panel. In fact, we’re in Figma, which means you can turn off anything that you don’t need!

What if I want to round corners but leave something square?

Yes, by default almost everything is being rounded when rounding corners in the styles customization. You can easily go to that exact Instance and change corner radius there. It will no longer be affected by the master