My Role: Maintenence and updates of the Kore Design System and Figma library components

Primary Dificulties:

  • keeping all components in sync with Figma’s updates

  • making sure team follows guide lines

  • keep DS updated with new components or styles that are needed according to new company / platform requirements

  • make sure updated components dont break when uploaded to an old file

Main outcomes
  • layout, structural and visual consistency throughout the platform

  • facilitade designers in the design process within Figma

  • accelarate design process: less need for dull gray wireframes - designers go straight to higher fidelity for beter visual feedback from stakeholders

Estructural example of KDS button:
  • layout and color consistency

  • use of auto layout, variants and booleans to garantee the best usage and facilitade for desingers

  • Named layers and carefully build structures so components are easy to mantain and dont break during updates or icon changes

Pre-structured organism components
  • easy re-use throughout all filesturn Pop-up Modals into drawers

  • maintain consistency in the platforms design

  • accelarate design phase

Challenges
  • create organism components that will scale with the system

  • well scrutured for easy edits

  • reduce necessity to break component throughout the designs

  • guide designers to the creation of other components that will maintain system guidlines

Create a free website with Framer, the website builder loved by startups, designers and agencies.