The interfaces were developed in Figma, following best practices in design and organization, including:

• Use of Auto Layout to ensure responsiveness and scalability;

• Creation of reusable components;

• Interactive prototyping to simulate the real user experience of the flow.

  
  

All interface development followed Lacrei Saúde’s Design System, ensuring visual consistency, alignment with the brand’s identity, and closer adherence to a real-world implementation scenario. The use of the design system guided decisions around typography, colors, spacing, components, and states, contributing to a cohesive experience throughout the entire journey.

A key aspect of this project was the use of Figma variables to structure a dynamic filtering logic on the professional search page. This approach made it possible to simulate different filter combinations directly within the prototype, resulting in interactions that more closely resemble real product behavior. In addition to enhancing the prototyping experience, this solution supports flow validation and improves communication with technical teams in a real development context.