Typography Style Guide Generator

文件组织 · 268 likes

Automatically generate text style guides based on your defined local text styles.

This plugin allows you to generate a typography style guide based on your defined local styles. The generator is especially built for teams who work according to the Tailwind Design system and use the associated naming scheme (e.g., "Heading / L / Regular"). Styles will be grouped based on the prefix before the slash and sorted by font size. Relevant font information like family, size, line height, and others will be shown per style. If there is no prefix, then the styles will be added to a group called "Other". There are three options when running the plugin: Create a style guide with all defined local text styles. Create a style guide with all defined local text styles and add a tag if the style is used on the currently open page. This is especially useful if you have a large design system and thus not all styles are relevant for a subproject, but you still want to show the whole set. Create a style guide with only the used local text styles on the current page. Enjoy and looking forward to your feedback.

适用场景

Typography Style Guide Generator 属于 文件组织 分类,适合希望用清晰结果驱动设计流程的团队。

关键信息

发布者信息

创建者:Jan Gugler。Figma 社区发布者:Jan Gugler。

兼容性与支持

安装前如何评估

查看 Figma 内最新更新说明,确认示例输出质量,并与下方相关插件做对比。

在 Figma 中打开

相关插件