This Figma button UI kit contains five button styles and preconfigured interaction states for web and mobile UI design.
The kit includes primary, secondary, outline, ghost/tertiary, and icon-only buttons, with default, hover, pressed, focused, and disabled states.
Auto Layout supports resizing for different label lengths, while customizable design tokens control colors, typography, and border radius.
The components feature consistently organized and labeled layers for use in app ui, product prototypes, and design systems.
Use Cases
- Create primary and secondary action buttons for websites and landing pages.
- Design mobile app controls, including icon-only buttons and secondary actions.
- Illustrate hover, focused, pressed, and disabled states in UI specifications.
- Build reusable button libraries for Figma design systems.
- Customize button styles for SaaS dashboards, forms, and product prototypes.
The Modern Button UI Kit with 5 Styles and 5 States (Figma) was generously created and offered for free by Miles_Carter - download it now to enhance your next project with a professional-grade asset at no cost.
Unless otherwise specified, you can download and use it free for personal project.
If you encounter a broken or invalid download link on our site, please let us know through our Report Broken Link form.
If you mention it somewhere else, please always link to this page instead of download link.
DISCLAIMER::This free resource is aggregated from the web - we do not claim ownership or hold rights to the design assets. If you find our shared resources infringe upon your copyrights, please let us know via feedback so we can promptly remove them.
