Source

Design, prototyping & design systems — found from sitemap — Framer

Checked for Framer on 13 Oct 2026

Page: https://www.framer.com/help/articles/best-practices-for-setting-up-a-component-library/
Checked: 13 Oct 2026, 10:43 UTC
How we may use it: Public page, crawling permitted

Technical details

type: page
http status: 200
content hash: sha256:a18cb91b254e24f1d9dbc4aa4b8b1fb1978fdb2a5f727109bf4f500f0d801c37
permission: robots_ok
screenshot: Screenshot on file (internal exhibit, not published)

Cited by

Component library update Report an error

“When you update a component in the master file, an “Update” button appears next to the component name in the Assets tab of all projects using it. Click “Update” to bring the component to its latest version.”
Component add to library Report an error

“Navigate to the Assets tab in the left panel. Select the desired component. Click the three dots next to the component name and choose “Add to Library”.”
Component import quick menu Report an error

“Press ⌘ + / (Mac) or Ctrl + / (Windows) to open the Quick Menu. Browse available components or search for a specific one.”
Variant breakpoints Report an error

“Name component variants as Desktop, Tablet, and Phone to ensure Framer automatically selects the correct variant for each breakpoint.”
Component constraints Report an error

“Define proper maximum/minimum width and height for components to ensure predictable behavior when resized.”