I published Content Kit to the Figma community to help teams collaborate on copy a bit more easily. I’ve created and used versions of this kit at DocuSign and Lattice.
I loved these when we worked together! It was so easy to understand your comments and feedback this way. You were an incredible content partner!
— Claire Small, Lead Product Designer at DocuSign
The card is composed of a few nested components. Use Figma overrides to change the status and reading level.
These cards are designed to place next to each screen you’re working on in a flow. That way, you zoom out to get a high-level view of your progress. These also come in handy when you need to remember where you left off or if you want to make sure you review specific pieces of content with your product designer and PM or other stakeholders.
I made a few screens for my lil pretend book store. The information architecture and header design is inspired by the Everlane website. And also those are actual books I’ve read and enjoyed. This part of the project was really fun.
Check out another project.