Manage Shared Symbols and Styles with a Sketch Library
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.
Loading…
ReadMeFeed / Community knowledge
#ui-components
Real questions. Useful conversations. Find the people who know your stack.
Choosing @reach/tabs Over Hand-Rolled ARIA Tabs in a React Project
When building a tabbed interface, using @reach/tabs gives you built-in accessibility while keeping bundle size low and avoiding custom keyboard logic.
react
reachSketch Symbols: When to Adopt, How to Implement, and What to Watch Out For
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.
Mastering Adobe XD Auto Layout: Build Responsive Components in Minutes
Learn how to use Adobe XD's Auto Layout to build responsive UI components that adapt to content and screen size. Follow a step‑by‑step guide, verify with resizing tests, and recover layout changes if needed.
xdCreate Reusable Button Symbols with Nested Overrides in Sketch
Learn how to build a Sketch button Symbol with nested overrides for label, icon, and state, so you can reuse the component across artboards while keeping design consistency.
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.
sketchFigma Auto Layout vs. Manual Constraints: A Decision Guide for Responsive Components
A decision guide for choosing between Figma Auto Layout and manual constraints when building responsive UI components, with a concrete card example and Dev Mode validation steps.
figmaUsing Row‑Polymorphic Records for Flexible PureScript UI Props
Learn how PureScript’s row‑polymorphic extensible records let UI components require specific props while accepting extra fields, giving both flexibility and compile‑time safety.
purescriptFramework7 Modals: Build, Control, and Optimize Your Pop‑Ups
Framework7’s modal component lets you create alerts, confirmations, and custom dialogs without external libraries. Learn how to build, customize, and optimize pop‑ups, plus a worked example and best‑practice checklist.
framework7