Sketch Flex Layout
A Sketch plugin that enables CSS Flexbox layouts using stylesheets and prototypes for dynamic design.
What is Sketch Flex Layout?
Sketch Flex Layout is a plugin for Sketch that brings CSS Flexbox layout capabilities directly into the design tool. It allows designers to create dynamic, responsive layouts using CSS-like stylesheets and reusable prototypes, bridging the gap between design and web development workflows.
UI/UX designers and design system teams working in Sketch who need to create responsive, web-like layouts and maintain consistency between design and development.
Developers choose this plugin because it introduces web-standard Flexbox layout logic into Sketch, reducing manual adjustments and enabling designers to work with dynamic layout systems that mirror front-end implementation.
Overview
Plugin for Sketch allowing for CSS Flexbox layouts using stylesheets and prototypes
Use Cases
Best For
- Creating responsive design mockups in Sketch that closely mimic CSS Flexbox behavior.
- Building reusable component libraries (prototypes) with consistent padding, margins, and sizing within Sketch.
Related Projects
Found a gem we're missing?
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
