What is Frames X Design System?
Frames X Design System (formerly Frames) is a powerful design kit for Sketch that empowers designers to create beautiful website designs quickly and efficiently. It provides a complete design system with auto-updatable style guides, smart layout components, symbol overrides, and pre-designed templates. The kit includes 162 website layouts across 11 categories, 750+ UI components, 50 charts and graphics, and 4 responsive templates. Built on a 1140px layout and 8-pt grid, it helps save up to 60% of design time by focusing on data rather than vectors.
Features
- Auto-updatable Style Guide: Keep your project in sync with a single source of truth for colors and typography.
- 1000+ Powerful Components: Boost productivity with symbol overrides and smart layout.
- 162 Website Layouts: Choose from 11 categories of pre-designed blocks for landing, product, store, and portfolio pages.
- 50 Resizable Charts & Graphics: Enrich mockups and presentations with beautiful data visualizations.
- 4 Responsive Templates: Production-ready templates for desktop, tablet, and mobile.
- Color Variables and 200+ Layer Styles: Easily customize project colors and styles.
- Free Fonts & Icons: Included to kickstart your design.
- 20% off Sketch Manager Plugin: Bonus discount for better component management.
Use Cases
- Rapid website prototyping for startups and agencies.
- Building consistent UI for e-commerce, landing pages, and portfolios.
- Designing data dashboards with integrated charts.
- Creating design systems for enterprise teams.
- Saving time on repetitive design tasks.
