Francesca’s - Figma Design System & Component Library

When I joined the team, the first thing I noticed was that the design workflow lacked a lot of structure. There was no centralized brand library, inconsistent use of fonts and CTAs, and large PSD files being passed back and forth, slowing production and creating unnecessary friction.

To solve this, I built a comprehensive design system and scalable component library from scratch, personally training the team on best practices, guiding them through the platform’s capabilities, and serving as the go to resource for any Figma or workflow related questions to ensure a smooth and confident transition. Within 30 days, the team was fully onboarded and confidently working within the new system, resulting in a dramatic increase in productivity and design consistency. YAY!

Additionally, I established clear file organization strategies, creating a streamlined, sustainable workflow that supported both immediate output and long-term growth.

All major brand elements are set in the
Figma library. This includes brand colors,
monthly floorset colors, logo, fonts,
font size, font typeface, etc.

These are all the social media headers that
needs to be updated monthly. All of these
headers are templates that are easy to drag
and drop with correct sizing and spacing.

Website templates ready
to drag and drop

All necessary pieces to create a
Francesca’s email.

This includes an actual email template
that any designer can drag and drop,
then immediately start designing with
the correct dimensions, header layout,
and elements.

Social media templates to drag and drop
with logo size and spacing built in.

Next

Digital Campaigns