Jan 8, 2024
by
Dmitriy Bunin
Frames X v2.2: Enhanced eCommerce experience
What's new in Frames X UI Kit v2.2
Hey There! We are happy to share Frames X 2.2.
This release introduces new components and improvements to the e-commerce and finance categories of our Figma UI kit.
New stats and features UI blocks
We're excited to announce the launch of 24 new Stats website blocks, each featuring fully responsive layouts and variants. These new UI blocks are designed to enhance your ability to showcase project features, achievements, and statistics in your website sections.
Additionally, we've updated all existing web layouts in the kit and improved our site builder component, refining its nested properties and layer structure. These enhancements aim to provide you with a more flexible website UI-building experience.
Now, whether you're designing a boutique storefront, a comprehensive e-commerce platform, an engaging marketing website, or a professional corporate site, you can accomplish this in mere seconds!
See our new Site Builder in action ↓
New checkout UI components
We have expanded our eCommerce section with 15 new responsive UI checkout layouts. The new checkout layouts support multiple types of products and are easily customizable with Figma's variable modes.
Whether you're looking to create a cart, checkout process, or design a product purchasing flow, these new responsive layouts provide an excellent foundation. They serve as a starting point for your eCommerce projects.
→ See new checkout components in action
New Card Mockup UI component
We've added a new Credit Card component to help enrich your financial and banking UI designs with a physical mockup of a credit or debit card.
This new credit card component is ideal for fintech startups, banking applications, and e-commerce UI where you need to show a digital wallet or a card management system,
Spacing variables and UI layout grids
We've updated our layout grid style les to support variable dimensional units. Added spacing units will now help make layout styles adhere to spacing variables, significantly increasing the consistency of your work done with the Frames X UI kit.
The integration of these new dimensional variables will ensure that all grids automatically adapt to the current UI spacing, providing a more cohesive and professional look across your entire project.
Thanks to these new variables added to styles, all layouts and grids will automatically adapt to your project spacing parameters.
Note: You can customize the new variables in the Local Styles section. To access grid styles, follow these steps:
Select the Local Styles sidebar in your Figma file.
Click on "Grid Styles" to view and modify the available options.
New UI tables organization
We've revamped our tables building blocks - cell components. With new cell component properties you can customize your tables in Figma more precesly, allowing
Hey There! We are happy to share Frames X 2.2.
This release introduces new components and improvements to the e-commerce and finance categories of our Figma UI kit.
New stats and features UI blocks
We're excited to announce the launch of 24 new Stats website blocks, each featuring fully responsive layouts and variants. These new UI blocks are designed to enhance your ability to showcase project features, achievements, and statistics in your website sections.
Additionally, we've updated all existing web layouts in the kit and improved our site builder component, refining its nested properties and layer structure. These enhancements aim to provide you with a more flexible website UI-building experience.
Now, whether you're designing a boutique storefront, a comprehensive e-commerce platform, an engaging marketing website, or a professional corporate site, you can accomplish this in mere seconds!
See our new Site Builder in action ↓
New checkout UI components
We have expanded our eCommerce section with 15 new responsive UI checkout layouts. The new checkout layouts support multiple types of products and are easily customizable with Figma's variable modes.
Whether you're looking to create a cart, checkout process, or design a product purchasing flow, these new responsive layouts provide an excellent foundation. They serve as a starting point for your eCommerce projects.
→ See new checkout components in action
New Card Mockup UI component
We've added a new Credit Card component to help enrich your financial and banking UI designs with a physical mockup of a credit or debit card.
This new credit card component is ideal for fintech startups, banking applications, and e-commerce UI where you need to show a digital wallet or a card management system,
Spacing variables and UI layout grids
We've updated our layout grid style les to support variable dimensional units. Added spacing units will now help make layout styles adhere to spacing variables, significantly increasing the consistency of your work done with the Frames X UI kit.
The integration of these new dimensional variables will ensure that all grids automatically adapt to the current UI spacing, providing a more cohesive and professional look across your entire project.
Thanks to these new variables added to styles, all layouts and grids will automatically adapt to your project spacing parameters.
Note: You can customize the new variables in the Local Styles section. To access grid styles, follow these steps:
Select the Local Styles sidebar in your Figma file.
Click on "Grid Styles" to view and modify the available options.
New UI tables organization
We've revamped our tables building blocks - cell components. With new cell component properties you can customize your tables in Figma more precesly, allowing
Hey There! We are happy to share Frames X 2.2.
This release introduces new components and improvements to the e-commerce and finance categories of our Figma UI kit.
New stats and features UI blocks
We're excited to announce the launch of 24 new Stats website blocks, each featuring fully responsive layouts and variants. These new UI blocks are designed to enhance your ability to showcase project features, achievements, and statistics in your website sections.
Additionally, we've updated all existing web layouts in the kit and improved our site builder component, refining its nested properties and layer structure. These enhancements aim to provide you with a more flexible website UI-building experience.
Now, whether you're designing a boutique storefront, a comprehensive e-commerce platform, an engaging marketing website, or a professional corporate site, you can accomplish this in mere seconds!
See our new Site Builder in action ↓
New checkout UI components
We have expanded our eCommerce section with 15 new responsive UI checkout layouts. The new checkout layouts support multiple types of products and are easily customizable with Figma's variable modes.
Whether you're looking to create a cart, checkout process, or design a product purchasing flow, these new responsive layouts provide an excellent foundation. They serve as a starting point for your eCommerce projects.
→ See new checkout components in action
New Card Mockup UI component
We've added a new Credit Card component to help enrich your financial and banking UI designs with a physical mockup of a credit or debit card.
This new credit card component is ideal for fintech startups, banking applications, and e-commerce UI where you need to show a digital wallet or a card management system,
Spacing variables and UI layout grids
We've updated our layout grid style les to support variable dimensional units. Added spacing units will now help make layout styles adhere to spacing variables, significantly increasing the consistency of your work done with the Frames X UI kit.
The integration of these new dimensional variables will ensure that all grids automatically adapt to the current UI spacing, providing a more cohesive and professional look across your entire project.
Thanks to these new variables added to styles, all layouts and grids will automatically adapt to your project spacing parameters.
Note: You can customize the new variables in the Local Styles section. To access grid styles, follow these steps:
Select the Local Styles sidebar in your Figma file.
Click on "Grid Styles" to view and modify the available options.
New UI tables organization
We've revamped our tables building blocks - cell components. With new cell component properties you can customize your tables in Figma more precesly, allowing
Frames X is the most robust and world-largest component library for Figma. If you haven't already, get Frames X design system now to receive all future updates and enhance your design workflow—complete UI design projects faster and get paid more.
See you in the next update!
Best Figma plugins for UI design and design systems
Best practices for UI color palettes in Figma
WYSIWYG UI: How to design a text editor in Figma
Frames X v2.6: Universal UI kit and component library
Best free UI free icons for web design and development
Frames X v2.5: Largest UI kit in the world updated
Figma tips and tricks to work efficiently
Frames X v2.4: Typography variables, new components and charts