Become an affiliate and earn up to 35%
You can participate in Setproduct partnership program and earn up to 35% from every sale you made. We provide promo materials and detailed instructions how to boost the conversion
We used to reply ASAP
iOS & Android custom development
We'll take our iOS & Android Figma templates, adjust with custom styles, create necessary layouts, and turn the system into production-ready Flutter templates. You'll get powerful design & code system which help you to produce more layouts in future by minimal costs.
How to reach you out?
Your budget
URL (optional)
We used to reply ASAP
Material Design custom development
We'll take our Material & Dashboard Figma libraries, adjust with your brand guidelines, create all the additional necessary layouts, and turn the system into responsive web application based on React, Angular, Vue or etc.
How to reach you out?
Type of job
Your development budget
URL (optional)
We used to reply ASAP

Text fields

Classic inputs

This overview begins from classic material text fields. Every style is available: default, disabled, focused, error, iconic. Recommended to use in mobile apps in terms of Google guidelines.

Stroked text fields

Stroked or outline inputs is the best choice for desktop applications instead of classic material stroked. If you wish to resize the height, for example, just drag the bottom edge to desired dimensions. The caption will be centered automatically.

Filled inputs

Perfect fit for pages with different from white background color. It's either a good idea to mix filled inputs with stroked. For example you can use focused filled input to increase the meaning of action among inactive outline text fields. Be creative! Combine.

Caption-inside forms

We are always open to customer's feedback and inquires. That's why you'll meet with caption-inside inputs with coming soon 1.4 update. Stay tuned!


Finally, multicomponent-based approach is a perfect fit for inputs case also. Stand by to grab it in upcoming v1.4 of Material Design System for Figma.
You can quickly change this icon to any from 300+ material icons included in the system
This outline stroke made as component, e.g. you can execute mass edit for all stroked inputs at once
Actually you can switch the magnifier icon to any other to obtain "Right Iconic Filled Input" within few clicks
Background for filled inputs connected with master-component "Colors / Accent". Customize it once to recolor all the inputs instantly.
Icon recommended to use as meaning enhancer. Otherwise, simply make it invisible in layers column.
This is predefined multicomponent. It scales unlimited to the bottom while list rows appearing.
Pick an Individual or Business license

Choose a Material Design or take a look at Material Dashboard to get all the desktop patterns covered. If you're looking for custdev based on our Figma libraries - contact us
Material Design Library
Figma library of 120 mobile layouts crafted with 1000+ material components based on latest guidelines · Preview
Material Design Dashboard
Figma library of 48 reusable dashboard templates made of constrained components. Based on popular apps · Preview
Custom Development
Let's talk
We'll take our design kits, create necessary layouts, and develop the React / Angular / Vue web application. Front-end / Back-end
Contact Us