Organizing and streamlining Lattice’s Figma Processes

Figma style and component libraries are part of the IRON team’s daily workflow. With our experience in building and maintaining libraries, templatizing layouts, and using existing Figma toolkits, we’re well-suited to tackle Lattice’s Figma challenge.

A quick recap of the challenge

Lattice aims to centralize and update its Figma library and standardize modules and/or web pages. This initiative will ensure design consistency, improve organization, and streamline processes.

Our Strengths
brand generation

We know the
Lattice brand

IRON has proudly partnered with Lattice for two and a half years. Throughout that time, we’ve formed a deep understanding of your design principles, communication preferences, and operational processes.

clarity icon

We are subject matter experts

Figma is one of our go-to tools for everything from daily design projects to documentation and templatizing assets. And as Figma’s popularity soars, we remain at the forefront, by always staying up-to-date on its latest features and capabilities.

content strategy icon

Leading Brand Experience

As trusted partners of Salesforce, Slack, Procore, and more, we’ve been collaborators in a variety of Figma environments. We know how leading brands are currently leveraging Figma to standardize their style and component libraries—and we know how to play our part.

Relevant Points of Reference

Paylocity Figma Libary

In cooperation with Paylocity’s internal teams, we created a robust Figma library for their redesigned community section.

We set up a system where module sets could be easily used to build pages for both large and small screens. The library utilized component sets for type blocks, a module hierarchy, and content types so that their design team could quickly build pixel-perfect pages that were accurate and ready for development.

Salesforce Internal Repository

At Iron, we don’t just build Figma libraries for our clients—we also use Figma to enhance our own internal workflows. Serving a diverse range of large, complex brands, it is essential that we utilize Figma’s organizational capabilities.

For instance, with Salesforce, we crafted intuitive and user-friendly design documentation alongside a comprehensive style and component library. This empowers our designers with a cohesive toolkit, making every Salesforce project more efficient and effective.

Our Figma Journey

Our evolution into a Figma agency began way back in 2019, with some simple requests from Slack to recreate some existing UI abstractions.

As the project progressed, the client started supplying Figma files, though they often lacked libraries and components. So we began developing our own libraries and components. Initially, we relied on Layout Grids for consistent spacing until Auto Layout was introduced, which we promptly integrated into components. With the release of Variants, we updated our components to utilize this feature. Now Slack has a fully streamlined toolkit for abstracted product UI production.

All of this is to say Figma is still young and evolving quickly—but this is nothing new for us. We’ve been keeping pace with that evolution to meet our clients’ emerging needs for more than five years.

The Wrap Up

We are confident that we can be a great partner in building a fully comprehensive and industry-standard Figma library to help your team streamline and accelerate workflows—from Webflow to every other use case.

Thank you for considering our proposal.