Documenting with Figma (2h)
design-to-development collaboration
Not quite sure how to share your designs with development? Dreading that team library update request, you received? Wondering if handoff is still a thing and what's the difference between a design system and Figma documentation anyway? Well, this course might be just right for you.
We will learn everything about why and for whom to document, what to document and share in which way and where.
Getting Started
- Why document?
- For whom?
- Is this a design system?
- Sharing and inviting in Figma
Shared team libraries in Figma
- Setting up shared team libraries in Figma
- Connecting to a shared team library
- Updating libraries across files and teams
- Moving components between pages and files
- Moving styles between different files and libraries
- Interlibrary connection
- Swapping libraries to create testing environments
Different places to document
- Where should we document?
- Document on a separate page in the same file
- Document in a separate Figma file or project
- Document in a separate Figma team
- External Design System documentation
- Documenting with ZeroHeight
What and how to document
- What should we document?
- Sharing with view mode
- File organization
- Colour stylesheet documentation
- Responsive typography documentation
- Grids documentation
- Spacing System documentation
- Components documentation
- Automate your component documentation
- Image documentation and export
- Prototype documentation
More tips and tricks
- Figma Tokens
- Quick embed code link
- Use sections
- Storybook plugin
- Component checklist
Already a member? Click here
Join the Newsletter
Sign up and be the first to know about new releases, workshops, and articles.