Lock a Team-Wide Canva Brand Kit and Prevent Asset Drift
Set up a locked, team-wide Canva Brand Kit in Brand Hub with approved colors, fonts and logos, publish it to a workspace, and verify access so new designs use only approved assets.
Loading…
ReadMeFeed / Community knowledge
#design-systems
Real questions. Useful conversations. Find the people who know your stack.
Scaling Design Systems with Sketch Smart Master Symbols
Learn how Sketch Smart Master Symbols enable global updates to UI design systems while preserving instance-specific overrides and properties.
Diagnosing Auto Layout Frames That Collapse or Clip in Figma
A diagnostic guide for Figma Auto Layout frames that collapse, clip text, or overflow unexpectedly, with checks and fixes for Hug and Fill behavior.
figmaTailwind Arbitrary Values: Handling One-Off Sizes Without Config Bloat
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.
tailwindcssFigma Auto Layout: Encoding Layout Rules That Survive Content Changes
Auto Layout turns Figma frames into responsive containers with explicit spacing and resizing rules. Here is how to use it for reusable components, verify the handoff values, and know when it breaks down.
Smart Layout in Sketch: A Practical Engineering Decision for Design System Components
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.
sketchArchitecting a Scalable Design System with Chakra UI Theme Customization
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.
chakraui
reactArchitecting Reusable CSS Patterns with Stylus Parameterized Mixins
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.
stylusShared Libraries vs Local Symbols: A Practical Guide for Sketch Teams
Compare Local Symbols and Shared Libraries in Sketch for design system consistency, with implementation steps and validation checklist for teams.