Representing UI components

Here are a few artboards with components from released recently Figma Landing Kit. When developing this design system I was aiming on combining the average and most used blocks in landing pages design.

Variety of Forms

I’ve studied and explored more than a hundred of different of landing pages to extract and collect most used blocks and patterns to cover all of possible cases. There are huge amount of mobile and desktop forms: Search, Subscription, Contact, Early Access, Sign Up & In and etc.

Hero Images

Dozens of constrained components for application, services or any other product representation. Simply replace the screens and get the perfect isometric scale automatically. Then paste into your covers and headers and you’re good to GO!

Features & Plans blocks

Every block served as constrained and properly resizing component. Each of it comes neatly organized to swap & toggle faster within Figma Instances feature. No other way except to produce it prepared to fit into Bootstrap grid for desktop & mobile web versions. This web design system is a true genius!

This design kit is to be released at the end of August 2018.

Those hundreds of components awaiting for you to jump into the action.

• Start using today just for $58

• More info about this product (Medium)