Back to Plugins
BilingualFonts

BilingualFonts

中英文混排字样式插件 (支持字体样式变量)

font mixertextlinterlintchinesecopywritingpairingsparagraphchararctersfont

Plugin Preview

BilingualFonts preview

About this plugin

这款插件能够协助您在中英文排版时应用指定的字体样式(即 Text Styles),同时自动在中文与半角英文、数字、符号间添加空格,确保排版整洁一致。此外,该插件还支持标点符号的全角/半角转换,进一步优化文本排版的专业性和视觉效果。


使用场景

如果你的设计规范中,中文和英文使用了不同的字体,你可以尝试使用该插件对一个文本图层分别调整中文和英文字体样式。


功能说明

选择中文字体和英文字体,插件将自动更新对应文本图层的字体样式。

可以设置中英文混排的间距,插件将自动检测中文和英文之间的间距,并根据设置进行调整。

可以设置字体的字体家族、粗细程度、大小和行高,将所需的字体样式设置为 Figma 字体样式(Text Styles)。


注意事项

你需要将所需的字体样式设置为 Figma 字体样式(Text Styles),然后通过选择目标字体样式进行相应更新。

由于 Figma 的策略限制,使用 Library 字体样式需要先关联相应的 Library 。


-----


Here's the translation of your text into English:

"This plugin assists you in applying specific font styles (i.e., Text Styles) in Chinese-English mixed typography, automatically inserting spaces between Chinese characters and half-width English letters, numbers, and symbols to ensure tidy and consistent formatting. Additionally, it supports the conversion of punctuation marks between full-width and half-width, further enhancing the professionalism and visual appeal of your text layout.

Usage Scenarios

If your design standards involve using different fonts for Chinese and English, you can try this plugin to adjust Chinese and English font styles separately for a text layer.

Function Description

Select Chinese and English fonts, and the plugin will automatically update the corresponding text layer's font styles.

Set spacing for Chinese-English mixed layout; the plugin automatically detects and adjusts the spacing between Chinese and English according to your settings.

Set the font family, weight, size, and line height, and establish the desired font styles as Figma Text Styles.

Notes

You need to set the required font styles as Figma Text Styles and then update them by selecting the target font styles.

Plugin Details

Version7
CreatedMarch 27, 2023
Last UpdatedOctober 25, 2023
Categoryfonts-typography
CreatorCarlos Feng
Stats264 installs, 26 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:dist/ui.html
  • main:dist/code.js
  • Editor Types:
    figma
  • Allowed Domains:
    • none