Let's talk!
Clients
Services
Blog
About us
Careers
Let's talk!
SOFTWARE
HOUSE
Clients
Services
MVP Development
Web Development
Staff Augmentation
Insights
Blog
Learnings
Careers
About us
Contact us
Learnings
Boost your knowledge with the insights from our expert team.
accessibility
accessibility
agile
agile
ai
ai
api
api
architecture
architecture
aws
aws
career
career
celery
celery
communication
communication
concurrency
concurrency
css
css
data
data
database
database
db
db
debug
debug
design
design
design system
design system
development
development
devops
devops
django
django
docker
docker
documentation
documentation
figma
figma
frontend
frontend
git
git
html
html
javascript
javascript
js
js
leadership
leadership
management
management
metrics
metrics
ml
ml
orm
orm
performance
performance
postgres
postgres
process
process
product
product
product design
product design
python
python
react
react
redux
redux
research
research
security
security
software
software
sql
sql
sre
sre
test
test
testing
testing
tests
tests
typescript
typescript
ui
ui
ux
ux
web
web
workflow
workflow
<p>The Component Gallery is an up-to-date repository of interface components based on examples from the world of design systems </p>
↗
https://component.gallery/
Pedro Bacelar
May 24, 2023
Topics:
design, design system, figma, ui
<p>Should the confirmation button come first or last? </p>
↗
https://bootcamp.uxdesign.cc/buttons-placement-order-ccb1a566bd71
Pedro Bacelar
May 24, 2023
Topics:
design, design system, form, ui, ux
<p>How include Space Tokens in a Design System without using plugins </p>
↗
https://uxdesign.cc/how-to-manage-space-in-figma-using-tokens-8d0ebd99ee1b
Maria Welter
Sep 5, 2022
Topics:
design, design system, tokens
<p>How to safely upgrade and deprecate components in Figma </p>
↗
https://uxdesign.cc/how-to-safely-upgrade-and-deprecate-components-in-figma-4ca837f6a356
Pedro Bacelar
Aug 18, 2022
Topics:
component, design system, figma, ui
<p>Design Tokens Format Module </p>
↗
https://tr.designtokens.org/format/
Marcel Batista
Jun 15, 2022
Topics:
design, design system, design token
<p>Open collection of customized MUI components </p>
↗
https://mui-treasury.com/
Pedro Bacelar
Apr 18, 2022
Topics:
componentization, components, design, design system, front end, react, styleguide, ui
<p>Find all Instances of a Component used in your file. </p>
↗
https://www.figma.com/community/plugin/741895659787979282/Instance-Finder
Anna Erbetta
Feb 8, 2022
Topics:
design, design system, figma, figma components, ui
<p>Detach components, just like you detach instances with this simple plugin. </p>
↗
https://www.figma.com/community/plugin/820118309664775643/Detach-Component
Anna Erbetta
Feb 8, 2022
Topics:
design, design system, figma, figma components, ui
<p>Design system: LEGO kits syndrome </p>
↗
https://uxdesign.cc/design-system-lego-kits-syndrome-b5fe6a6ca53e
Pedro Bacelar
Jan 17, 2022
Topics:
design, design library, design system, ui
<p>Design Workflow with Chakra UI (Third Party Design Library) and Figma </p>
↗
https://chakra-ui.com/docs/form/button
Pedro Bacelar
Jan 13, 2022
Topics:
chakra, design, design library, design system, figma, react
<p>10 Best React Design System Libraries by Openbase </p>
↗
https://openbase.com/categories/js/best-react-design-system-libraries
Pedro Bacelar
Jan 13, 2022
Topics:
components, design, design library, design system, figma, react, ui
<p>Building a design system as a solo designer in a startup </p>
↗
https://medium.com/design-bootcamp/building-a-design-system-as-a-solo-designer-in-a-startup-af9fb8ef82f4
Pedro Bacelar
Nov 30, 2021
Topics:
components, design, design system, product, startup, ui
<p>One way to name/define component tokens in a simple way while still using the CTI attributes, with documentation and examples.</p>
↗
https://github.com/amzn/style-dictionary/tree/3d0d1c0356d42fc83f905a7e7e4b1c662c77de0b/examples/advanced/component-cti
Marcel Batista
Nov 25, 2021
Topics:
design, design system, design tokens
<p>Tokens in Design Systems: </p>
↗
https://medium.com/eightshapes-llc/tokens-in-design-systems-25dd82d58421
Marcel Batista
Nov 1, 2021
Topics:
design system, design token, product design, ui, ux
<p>An open-source checklist to help you plan, build and grow your design system: </p>
↗
https://www.designsystemchecklist.com/
Anna Erbetta
Sep 9, 2021
Topics:
design, design system, tools, ui
<p>How to build a design system if you’re the only designer in a startup </p>
↗
https://uxdesign.cc/how-to-build-a-design-system-if-youre-the-only-designer-in-a-startup-f4695d2f4b7f
Pedro Bacelar
Aug 30, 2021
Topics:
component, componentization, design, design system, ui
<p>10 Figma Best Practices to 10X Your Workflow </p>
↗
https://uxdesign.cc/10-figma-best-practices-to-10x-your-workflow-76d6336daf2a
Pedro Bacelar
Jul 2, 2021
Topics:
component library, design, design system, figma, ui
<p>Making sense of atomic design: molecules and organisms </p>
↗
https://www.futurelearn.com/info/blog/atomic-design-molecules-organisms#:~:text=Brad%20Frost%20defines%20molecules%20as,distinct%20section%20of%20an%20interface%E2%80%9D
Pedro Bacelar
Feb 10, 2021
Topics:
atomic, atomic design, design, design ops, design system, ui
<p>Build it in Figma: Create a Design System — Foundations </p>
↗
https://www.youtube.com/watch?v=EK-pHkc5EL4&ab_channel=Figma
Letícia Regert
Oct 30, 2020
Topics:
design, design system, figma
<p>Build it in Figma: Create a Design System </p>
↗
https://www.youtube.com/watch?v=EK-pHkc5EL4&ab_channel=Figma
Letícia Regert
Oct 30, 2020
Topics:
design, design system, figma
<p>Building Design Systems with Atomic Design </p>
↗
https://medium.muz.li/building-design-systems-with-atomic-design-93a13286f676
Pedro Bacelar
Oct 26, 2020
Topics:
atomic design, design, design system
<p>Design for Coherence, not Consistency </p>
↗
https://blog.prototypr.io/design-for-coherence-not-consistency-8d890760dc4c
Pedro Bacelar
Oct 26, 2020
Topics:
design, design system, ui, ux
<p>Atomic Design Systems: A Checklist for Each Individual Design Component </p>
↗
https://www.uxpin.com/studio/blog/atomic-design-system/
Pedro Bacelar
Oct 23, 2020
Topics:
atomic, atomic design, design, design system, ui
<p>How we improved the workflow between product designers and frontends </p>
↗
https://medium.com/inlocotech/how-the-frontend-and-design-teams-work-together-to-build-complex-products-at-inloco-1560616cc89f
Caroline Ribeiro
Sep 11, 2020
Topics:
design, design system, front end, ui
Next
Close Cookie Preference Manager
Cookie Settings
By clicking “Accept all”, you agree to the storing of cookies on your device to enhance site navigation, analyze site usage and assist in our marketing efforts.
Check our privacy policies.
Strictly Necessary (Always Active)
Cookies required to enable basic website functionality.
Analytics
Cookies helping understand how this website performs, how visitors interact with the site, and whether there may be technical issues.
Marketing
Cookies used to deliver advertising that is more relevant to you and your interests.
Personalization
Cookies allowing the website to remember choices you make (such as your user name, language, or the region you are in).
Save settings
Accept all
We use Cookies to promote our services.
Settings and Privacy.
Accept