iOS 日本語システムフォント サイズ計算
by Kaz Motoyama @kudakurage
iOSでシステムフォントを指定して日本語のテキストラベルを表示した場合、実際に指定したフォントサイズよりも小さく表示されます。この課題に関する詳しい話は記事にも書いています。iOSアプリのシステムフォントにおける日本語のフォントサイズとのギャップを減らす工夫Figmaではこのようなシステムフォントを再現することができ…
Installs
222
Likes
48
Users
976
Views
3,329
Preview
About this plugin
iOSでシステムフォントを指定して日本語のテキストラベルを表示した場合、実際に指定したフォントサイズよりも小さく表示されます。この課題に関する詳しい話は記事にも書いています。iOSアプリのシステムフォントにおける日本語のフォントサイズとのギャップを減らす工夫Figmaではこのようなシステムフォントを再現することができないため、Figmaで作成したテキストラベルと同じ大きさの日本語テキストラベルを表示するためのサイズを計算し、レイヤー名に追加します。エンジニアはテキストのレイヤー名に表示されるフォントサイズを実装時に指定することで、同じ文字サイズを表示することができます。使い方適用したいテキストオブジェクトを選択状態にします(グループを選択したり、複数選択した場合は、選択したすべてのテキストオブジェクトに適用されます)iOS ja system font sizeプラグインのInteger/Floatをメニューから実行しますIntegerは小数点以下を四捨五入し、整数で表示しますFloatは小数点第二位以下を四捨五入し、小数も含めて表示します(より正確にしたい場合にお使いください)レイヤー名の先頭に*が入っている場合は、Figmaで指定した通りのフォントサイズを追加します(アルファベットや数字のみで表示される箇所など、実際の指定通りのサイズのままにしておきたい箇所にお使いください)GitHub: https://github.com/kudakurage/figma-ios-ja-font-size
More software development plugins
View allBuilder.io - Figma to Code & AI Apps (React, Vue, Tailwind, etc)
by Steve Sewell
Export designs to clean, responsive code or turn Figma screens into AI apps and prototypes.
Anima: Convert Figma to HTML/CSS/React/Tailwind,Vibe code,DevMode Inspect/Run React/HTML,App builder
by Anima
Anima - AI Design to code, Vibe code, Vibe design
SkewDat
Paidby Unfold
Skew any layer or group with all layers preserved to edit.
Zeplin
Paidby Zeplin Crew
Design tools are for designing. Zeplin is for clear, structured design delivery.