The Design Encyclopedia is a Figma Design System containing thousands of meticulously documented UI tokens, UI components, page layouts, interaction patterns, and visualizations.
The world's largest Figma UI kit.
The Design Encyclopedia is a Figma Design System containing thousands of meticulously documented UI tokens, UI components, page layouts, interaction patterns, and visualizations.
Wow, that's HUGE! How much time did you spend? How did you stay motivated?
Really nice gallery. Super useful for product makers with no specific design background!
Great work @thejmoore! (Also nice name 😏 ) I feel like most teams could use something like this. I love how the smaller components are nicely general while you provide super specific use-cases in the larger interaction patterns and page templates. Posting in my team's slack now!
Nice collection, i bought the encyclopedia and i want to know why the encyclopedia doesn't update when you make changes to it. Is it a one off payment because I noticed changes have been made on the original source file but its not reflecting on mine.
Browse the Figma file: https://www.figma.com/file/5faUrKVB8SwysKS6obonBQ/The-Design-Encyclopedia?node-id=502%3A25283 Watch a tour of the system: https://www.youtube.com/watch?v=08fudEjzUB0 --- Hi everyone! My name is Jon Moore, and I'm a practicing product designer with 10 years of experience in the field. Having not gone to school for UX design, I've learned and honed my skills over the years on real design projects with real clients. I initially created the Design Encyclopedia as a free resour
A measure of community engagement at launch. Higher means more people noticed and interacted with the product. It's a traction signal, not a quality rating.
Discussion threads divided by interest score. Above 0.30 is strong. Below 0.15 suggests the product got clicks but not conversation.
Categories come from the product's launch tags. Most products appear in 2-3 categories. The primary category is listed first.
The scores reflect launch-period engagement. Historical data is preserved and doesn't change retroactively. The build date at the bottom shows when the index was last refreshed.