Hacker Newsnew | past | comments | ask | show | jobs | submitlogin

This document uses so many terms of art, I don't know where to start understanding what special meaning "base component" is infused with. As a software engineer, I can't tell how much the learning here applies to me – and how much is specific to Figma's "components" concept.


Base components are a pattern really only used by designers building UIs in Figma.

The idea is you create a "base" component (let's say a button), then create more components that wrap the base component and apply overrides on top (like a different background color). If you want to adjust the size of all your buttons, you edit the base component and your changes propagate to all the other components. [1]

This of course leads to a tangled mess of dependencies when you start building complex UIs in Figma, but it is the only way to make mass changes without having plug-ins automate it, or doing the tedious task of manually updating a bunch of components one by one.

[1] https://youtu.be/vVPSYSziRFY


It's entirely specific to Figma - the whole blog is, but the article pages should really have some kind of indication to avoid confused recipients of direct links.


This is 100% Figma related.


I also have no idea what this guy is talking about but I can tell you "has a" is always better than "is a" and that inheritance is always a huge mistake. Even in UI.




Guidelines | FAQ | Lists | API | Security | Legal | Apply to YC | Contact

Search: