What's the implication of using/ not using Storefront UI components in the Figma design?
I am discussing with my UIUX designer about the use of Storefront UI 2 components in the design in Figma. At our stage of the design (wireframing), how much of these components/ how essential is it to incorporate these components into Figma? My view is it is essential, but I could be wrong. Its the first time my designer comes across VSF/ SFUI.
I mentioned to her- Vue Storefront provides these components in a Figma file that can be integrated into the design. I've asked the designer at the beginning to incorporate these customizable blocks/ components for speed of implementation/ accessibility down the road. She said that they originally followed the guidelines, with a divider, carousel, arrows, box, and footer, but said that as the needs changed, she customized the design to better meet the requirements.
I said that Storefront UI are customizable components that's done within the Vue Storefront framework for a few benefits- load speed optimization, speed of implementation for the developer, US WCAG accessibility requirements met. I asked for clarifications on what customization means- that if she is taking the components/ layouts/ blocks/ themes/ style and customizing them, its ok. If she is starting from scratch or using non-Storefront UI components, I believe it will mean the developer will have a harder time implementing the design and have to re-do some of the work that you guys did with the SFUI components. Storefront UI blocks also meet US WCAG accessibility requirements. If we aren't using Storefront UI blocks, then I need to have separate WCAG reviews, which is unnecessary if we just use Storefront UI blocks.
I mentioned to her- Vue Storefront provides these components in a Figma file that can be integrated into the design. I've asked the designer at the beginning to incorporate these customizable blocks/ components for speed of implementation/ accessibility down the road. She said that they originally followed the guidelines, with a divider, carousel, arrows, box, and footer, but said that as the needs changed, she customized the design to better meet the requirements.
I said that Storefront UI are customizable components that's done within the Vue Storefront framework for a few benefits- load speed optimization, speed of implementation for the developer, US WCAG accessibility requirements met. I asked for clarifications on what customization means- that if she is taking the components/ layouts/ blocks/ themes/ style and customizing them, its ok. If she is starting from scratch or using non-Storefront UI components, I believe it will mean the developer will have a harder time implementing the design and have to re-do some of the work that you guys did with the SFUI components. Storefront UI blocks also meet US WCAG accessibility requirements. If we aren't using Storefront UI blocks, then I need to have separate WCAG reviews, which is unnecessary if we just use Storefront UI blocks.
