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 属于 文件组织 分类,适合希望用清晰结果驱动设计流程的团队。
关键信息
- 分类:文件组织
- 点赞:268
- 用户:15,628
- 定价模式:免费
发布者信息
创建者:Jan Gugler。Figma 社区发布者:Jan Gugler。
兼容性与支持
- 支持编辑器:design
- 发布时间:2024年11月26日
- 支持联系方式:hallo@novu.ch
安装前如何评估
查看 Figma 内最新更新说明,确认示例输出质量,并与下方相关插件做对比。