ReadMeFeed / Community knowledge
Real questions. Useful conversations. Find the people who know your stack.
Use one Sketch document as a Library so multiple product files consume the same Symbols, Text Styles, and Layer Styles without copying components by hand.
Learn if and how to use Sketch Symbols for component reuse. This guide covers constraints, compares alternatives, explains trade‑offs, and walks through a concrete implementation and validation checklist.
Learn how to treat Sketch Symbols as component APIs, use Overrides for per‑instance tweaks, and leverage Libraries to keep design systems consistent across teams.
Separate Sass logic from output: use functions for values and mixins for CSS, behind the @use module system.
Write a PostCSS plugin that replaces raw hex colors with design‑system CSS variables, ensuring build‑time consistency. Learn the API, see a full example, and compare to linting tools.
Figma’s Component Variants let designers bundle multiple states into a single component. This guide shows how to build a button system, manage variant properties, and avoid performance pitfalls.
Figma’s Auto Layout automatically reflows child elements, letting designers create responsive frames without manual resizing.
Steps to verify nested Auto Layout behavior when resizing parent frames compare web and desktop clients and export consistent asset dimensions.
Learn how Sketch Symbols form a reusable UI component layer, where the master Symbol acts as a trust boundary, instances can be safely overridden, and library updates propagate predictably.
sass
postcss
figma