Flogistix UX/UI Infrastructure

I led the transition from Adobe XD to Figma and co-developed a scalable design system that now powers all Flogistix software platforms. This reduced dev time and aligned our product suite with a modern, consistent user experience.

Year

2023 - 2024

Role

Product Manager, Lead UI/UX Designer

Overview / Challenge

Flogistix’s product team had long operated with fragmented design workflows in Adobe XD, resulting in inconsistent UI, duplicated effort, and slow handoffs to engineering. As our product suite grew, we needed to:

  • Unify the look and feel of all Flogistix software products
  • Accelerate development cycles
  • And adopt a toolset that could support collaboration across design, product, and engineering

The challenge wasn’t just building a system—it was driving adoption, training the team, and laying the foundation for long-term design scalability.

Process

  • Tool Migration
    • Led the full transition from Adobe XD to Figma, coordinating training and onboarding across the product and engineering teams
    • Standardized file structure and naming conventions to ensure sustainable organization
  • System Architecture
    • Collaborated with my superior and another product designer to audit UI inconsistencies across software platforms
    • Built a robust design system in Figma—including components, color and type styles, spacing rules, and layout grids
    • Defined interaction patterns and scalable design logic to ensure flexibility across products
  • Dev Integration
    • Partnered with engineering to align on a shared component library, enabling faster development and more accurate implementation
    • Streamlined the design-to-dev pipeline by using Figma’s inspect mode and design tokens
  • Handoff & Legacy
    • After six months, successfully handed off the system to the product designer I had mentored throughout the process
    • Transitioned out of the product team and into my new role as Head of Creative, but ensured the system continued to evolve
  • Figma as a Company-Wide Tool
    • Established Figma as the foundational tool for all creative work across Flogistix and Flowco—including photography planning, pitch decks, campaign ideation, social content, and design templates
    • Introduced use of Figma AI features for fast content prototyping and ideation across departments
  • Outcomes / Impact

  • Reduced dev implementation time significantly by creating a centralized, developer-aligned UI library
  • Brought visual and functional consistency across all Flogistix software products—establishing a true product suite
  • Scaled team efficiency and collaboration through a shared design language and toolset
  • Enabled a smoother transition for creative and marketing teams to adopt Figma for broader asset creation
  • Cemented Figma as a cross-functional creative foundation across product, brand, and marketing at Flogistix and Flowco
  • Deck Link

    Video

    Figma Workspace

    Image Gallery

    No items found.

    Awards