ReadMeFeed / Community knowledge
Real questions. Useful conversations. Find the people who know your stack.
Use Tailwind arbitrary values to apply one-off sizes like top-[117px] without editing tailwind.config.js. Learn how JIT generates them on demand, when to use CSS variables, and the trade-offs of overuse.
Smart Layout in Sketch turns static symbols into responsive components. Learn how to configure horizontal and vertical resizing rules, nest symbols without breaking alignment, and verify the result against flexbox behavior.
Learn how to architect a scalable design system using Chakra UI's ThemeProvider and extendTheme to eliminate prop bloat and ensure visual consistency across large React apps.
Avoid CSS duplication in design systems by using parameterized Stylus mixins. This guide covers the architecture for encapsulating rule sets, operational checks, and failure modes related to indentation and Node versions.
Compare Local Symbols and Shared Libraries in Sketch for design system consistency, with implementation steps and validation checklist for teams.
Asset Export, Export for Screens, or scripting? A decision guide for repeatable SVG and PNG drops from multi-artboard Illustrator files, with a concrete setup and validation pass.
How Figma Component Variants model state as named properties, how to switch them programmatically via the Plugin API's variantProperties, and how boolean properties prevent combinatorial explosion.
Sass @import creates global name collisions across teams. @use and @forward introduce namespacing, private members, and a curated public API for large stylesheets. Here's how to migrate safely.
Sketch stores component overrides as deltas from master definitions, keeping files small and library updates predictable, but deep nesting and many overrides introduce sync and performance trade-offs.
tailwindcss
sketch
chakraui
react
stylus
illustrator
figma
sass