Code <-> Figma sync - Githubissues

JulesKhong commented 9 months ago

Depends on #78

Design reviewing Dev

[ ] Review the base build style guide and site on a multidev to confirm base system is correct. /style-guide @julie-lesseg
[ ] QA base components
[ ] Assign priority QA items back to Jules

[ ] Review Figma atomic design structure, give feedback to make sure it matches code approach @JulesKhong
[ ] Ensure figma file is updated with final token values, and naming conventions for typography styles, spacers, grids, and block names. @julie-lesseg @JulesKhong

[x] Align on plan for re-org of base build starter file in figma @julie-lesseg
[x] Consult design team on proposed changes @julie-lesseg
[ ] Explore workflow for using base starter file as library or if it's duped for new projects - How are changes captured and documented? @julie-lesseg

julie-lesseg commented 7 months ago

@JulesKhong I'm going to use this ticket to track the changes I've made to the figma file that may need to be updated in the code.

So far:

[ ] Changed text-high-contrast, text-md-contrast, text-low-contrast to text-primary, text-secondary, text-tertiary further separating it from its potential visual display
[ ] Added two additional large spacer sizes: 7xl and 8xl and wired up this table here to automatically reflect the what's been changed in the variables panel vs what comes standard in base ✨
[ ] I updated all the color HEX values so might be best to do a pass across all those values 😄

julie-lesseg commented 7 months ago

UPDATE: Done a full pass over of all the blocks to make sure they are using the dynamic variables that will change on different colorways.