corpus.blog
56,966 blogs · 4,417,066 posts Claim your blog
Record · corpus.blog/posts/01a08725-2c15-7134-ab23-e5726b5cec30

When to use variants, component props, variables, or separate components

alicepackarddesign.com · published 12 May 2026

A record is what was published and who pointed at it. The text of the post is not held here: read it at the source, or at its Wayback capture.

Read the post at alicepackarddesign.com Wayback capture
0blogs citing
First cited
—
Most recent
—
Rank this month
not ranked
Links from this post
44
Words captured
6,121

Cited by

No blog we hold has cited this post yet.

Links from this post

Link
Host
https://help.figma.com/hc/article_attachments/360089569814/Component_order_using_slash_naming_convention.png
help.figma.com
Bridging design and code with Variants Read at the source ↗
figma.com
https://releases.figma.com/2022/05/config-2022-launches.html
releases.figma.com
https://youtu.be/xKM04kqvfPI?t=109
youtu.be
12 ways to make your Figma components more delightful to use Read at the source ↗
alicepackarddesign.com
https://youtu.be/NiDoqI_ZhvY?t=1059
youtu.be
https://www.youtube.com/watch?v=vW6jxxYBk8Y&t=2967s
youtube.com
https://www.youtube.com/playlist?list=PLx05jsqS55NzRzEvwp9yMlcDjZbNlkfYj
youtube.com
https://twitter.com/bonniekatewolf
twitter.com
https://www.designsystems.com/
designsystems.com
https://www.designsystems.com/iconography-guide/
designsystems.com
https://help.figma.com/hc/en-us/articles/360040528173-Reduce-memory-usage-in-files
help.figma.com
https://www.youtube.com/watch?v=QfHEDObTSBk&t=383s
youtube.com
Managing icon component sizes Read at the source ↗
alicepackarddesign.com
https://twitter.com/molly_hellmuth/status/1598732168511246337?s=20&t=kAsHW44qPT5-fzkF8GNb0g
twitter.com
https://css-tricks.com/icon-fonts-vs-svg/
css-tricks.com
◈ Interface Representatives are the center of the Figma component universe Read at the source ↗
alicepackarddesign.com
https://www.youtube.com/watch?v=gS-MvibsunE&t
youtube.com
✂ Placeholders are for people who know trying to predict the future is a losing game Read at the source ↗
alicepackarddesign.com
⍚ Base components are still useful, just not in your UI library Read at the source ↗
alicepackarddesign.com
https://twitter.com/AlPackah/status/1677016544243507207?s=20
twitter.com
https://design.gs.com/components/dropdown
design.gs.com
https://www.reddit.com/r/etymology/comments/ccupts/what_is_the_origin_of_the_phrase_all_killer_no/
reddit.com
https://coda.io/@alice-packard/figma-component-library-buddy-doc
coda.io
https://twitter.com/disco_lu
twitter.com
https://twitter.com/disco_lu/status/1569677784871583744
twitter.com
https://www.linkedin.com/in/mhristoforova
linkedin.com
https://youtu.be/Ru6rMHfW9AM?t=468
youtu.be
https://www.figma.com/community/file/1067171178880468621/When-you-should-use-variants-VS-creating-separate-components
figma.com
https://twitter.com/molly_hellmuth/status/1598732174395867142?s=20
twitter.com
https://medium.com/eightshapes-llc/subcomponents-753ce9f6600a
medium.com
https://twitter.com/molly_hellmuth/status/1598732186596712449
twitter.com
https://twitter.com/molly_hellmuth/status/1598732186596712449?ref_src=twsrc%5Etfw
twitter.com
https://youtu.be/M0NU5QFLCl4?t=2508
youtu.be
https://zeroheight.com/blog/browsers-viewports-and-container-queries-responsive-design-in-design-systems/
zeroheight.com
https://dribbble.com/shots/1198128-Responsive
dribbble.com
https://v2.tailwindcss.com/docs/breakpoints
v2.tailwindcss.com
https://help.figma.com/hc/en-us/articles/4404856784663-Swap-style-and-component-libraries
help.figma.com
https://bradfrost.com/blog/post/dark-mode-vs-inverted/
bradfrost.com
https://youtu.be/nFe6US9aA_U?list=PLXDU_eVOJTx4vCcmQ5aqU78pyGCOK_tqY&t=621
youtu.be
https://www.youtube.com/watch?v=nFe6US9aA_U&list=PLXDU_eVOJTx4vCcmQ5aqU78pyGCOK_tqY&index=2
youtube.com
https://css-tricks.com/author/chriscoyier/
css-tricks.com
https://web.archive.org/web/20230111180835/https://www.alicepackarddesign.com/blog/when-you-should-use-variants-vs-creating-separate-components
web.archive.org
https://web.archive.org/web/20220705212203/https://www.alicepackarddesign.com/blog/when-you-should-use-variants-vs-creating-separate-components
web.archive.org