Component inventory, inconsistency mapping, and usage analysis across products.
02
Foundations
Color, typography, grid, and spacing became shared decisions: 67 paint styles and 17 text styles.
03
Core Rebuild
Atomic reconstruction from Atom to Molecule to Organism: 440 components and 56 component sets.
04
Team / Lab
Core, Team, and Lab were separated to balance autonomy and governance.
05
Documentation
Guidelines, usage patterns, and an In Memoriam deprecation model.
DEPRECATION MODEL
Deprecation Model
How components are retired without breaking products in production.
01
DEPRECATED
Deprecation tag, visual warning, and documented replacement.
02
IN MEMORIAM
Transition page, notified teams, and a migration period.
03
LIXO
Removed from active use and kept as a historical reference.
Components found in ‘In memoriam / Lixo’:
Ícone/Rounded/MenuÍcone/Rounded/FecharÍcone/Rounded/BuscaÍcone/Rounded/SetaBotão/Selection ControlBotão/Navegação/ChipBotão/Navegação/Item de listaBotão/Avaliação/Curtir
GOVERNANCE
Documentation & Governance
01–03
Discovery
Need · Exploration · System Review
04–05
Build
Design + Engineering · Documentation
06–07
Ship
Release · Adoption
08–09
Evolve
Feedback · Iteration
DOCUMENTATION
Per-component guidelines, anatomy, props, variants, and do/don't living alongside the Figma component.
GOVERNANCE
Open contribution with review, proposals through Lab, consistency checks before promotion to Core, and semantic versioning.
MY CONTRIBUTION
My Contribution
01
SYSTEM STRATEGY
I helped define the Core / Team / Lab architecture and separate shared and squad-specific responsibilities.
02
COMPONENT EVOLUTION
I contributed to the Legacy-to-V2 evolution, atomic restructuring, and variant properties.
03
DESIGN QUALITY
I worked with the team on visual states, basic accessibility, and consistency across products.
04
PRODUCT ALIGNMENT
I helped align the needs of Score, Cards, Loans, and Digital Account with the system.
05
DOCUMENTATION
I contributed to component guidelines and the In Memoriam / Lixo deprecation model.
2026 REVIEW / RECONSTRUCTED
What I would do differently today
01
TOKENS FIRST
Start with Figma Variables from day one: Primitive → Semantic → Component.
02
DOCUMENTATION AS A PRODUCT
Apply the same design thinking used for interfaces to guidelines.
03
GOVERNANCE BEFORE COMPONENTS
Define contribution, review, and evolution before the library fragments.
04
DESIGN × CODE PARITY
Keep naming, props, and component tokens closer across Figma and code.
05
NATIVE ACCESSIBILITY
Make contrast, focus, target sizes, and keyboard navigation creation requirements.
06
ADOPTION METRICS
Track instance coverage, detach rate, and onboarding time.
REFLECTION
Final reflections
A system is not a collection of components. It is a shared mental model.
The hardest part is not building it — it is driving adoption.
Consistency is a political decision, not only a visual one.
Documentation no one reads is not documentation.
A Design System matures when it stops organizing only components and starts organizing decisions.
