8の倍数一覧｜8〜2000の早見表とFigmaの8ポイントグリッド

8の倍数は、8に整数を掛けた数です。正の値は8、16、24、32、40、48、56、64…と8ずつ増えます。この一覧は、UIの余白や寸法を8刻みで選ぶときにも使えます。

数学では0や負の値も8の倍数です。以下の早見表は、寸法確認向けに正の値8〜2000を掲載しています。8のべき乗（8、64、512…）とは別です。

8の倍数一覧：8〜1000

8の倍数	8の倍数	8の倍数	8の倍数	8の倍数
8	16	24	32	40
48	56	64	72	80
88	96	104	112	120
128	136	144	152	160
168	176	184	192	200
208	216	224	232	240
248	256	264	272	280
288	296	304	312	320
328	336	344	352	360
368	376	384	392	400
408	416	424	432	440
448	456	464	472	480
488	496	504	512	520
528	536	544	552	560
568	576	584	592	600
608	616	624	632	640
648	656	664	672	680
688	696	704	712	720
728	736	744	752	760
768	776	784	792	800
808	816	824	832	840
848	856	864	872	880
888	896	904	912	920
928	936	944	952	960
968	976	984	992	1,000

8の倍数一覧：1008〜2000

8の倍数	8の倍数	8の倍数	8の倍数	8の倍数
1,008	1,016	1,024	1,032	1,040
1,048	1,056	1,064	1,072	1,080
1,088	1,096	1,104	1,112	1,120
1,128	1,136	1,144	1,152	1,160
1,168	1,176	1,184	1,192	1,200
1,208	1,216	1,224	1,232	1,240
1,248	1,256	1,264	1,272	1,280
1,288	1,296	1,304	1,312	1,320
1,328	1,336	1,344	1,352	1,360
1,368	1,376	1,384	1,392	1,400
1,408	1,416	1,424	1,432	1,440
1,448	1,456	1,464	1,472	1,480
1,488	1,496	1,504	1,512	1,520
1,528	1,536	1,544	1,552	1,560
1,568	1,576	1,584	1,592	1,600
1,608	1,616	1,624	1,632	1,640
1,648	1,656	1,664	1,672	1,680
1,688	1,696	1,704	1,712	1,720
1,728	1,736	1,744	1,752	1,760
1,768	1,776	1,784	1,792	1,800
1,808	1,816	1,824	1,832	1,840
1,848	1,856	1,864	1,872	1,880
1,888	1,896	1,904	1,912	1,920
1,928	1,936	1,944	1,952	1,960
1,968	1,976	1,984	1,992	2,000

8の倍数かどうかの見分け方

下3桁が8で割り切れれば、その整数は8の倍数です。1000÷8＝125なので、千の位以上の部分は8で割り切れ、余りの判定に影響しません。

確認する数	下3桁の計算	判定
7344	344÷8＝43	8の倍数
5000	000÷8＝0	8の倍数
1080	080÷8＝10	8の倍数
540	540÷8＝67.5	8の倍数ではない

小さい数なら、2で3回続けて割り切れるかでも確認できます。40→20→10→5なので40は8の倍数、44→22→11で割り切れなくなるので44は8の倍数ではありません。

8の倍数はすべて4の倍数でもあります。16の倍数はすべて8の倍数ですが、8・24・40のように16では割り切れない8の倍数もあります。

UIデザインの8ポイントグリッド

8ポイントグリッドは、配置や余白に8刻みの値を使う設計方法です。Figma公式では、8のグリッドへ配置するHard gridと、要素間の距離を8の倍数にするSoft gridを紹介しています。公式の8ポイントグリッド解説

用途	この作例で選ぶ値
アイコンと文字の間隔	8
カード内の余白	16・24
カード間の間隔	24・32
大きなブロック間の余白	48・64・80

これらは寸法の選択例です。ボタンの操作領域の最小サイズを示したものではありません。文字の読みやすさや操作しやすさ、画面幅を確認して決めます。

8刻みはすべての数値に強制する規則でもありません。Figma公式のデザインシステム教材でも、8ポイントを基本に4や6を使う余地を設けています。公式教材の余白設計

Figmaで8刻みを使う方法

フレームにLayout guideを追加し、Uniform gridのSizeを8にすると、8刻みの視覚的なガイドを表示できます。旧称はLayout gridです。オートレイアウトのGridとは異なる機能なので、設定欄を区別します。Layout guideの公式手順

要素間の余白を揃える場合は、オートレイアウトのGapやPaddingに16・24などの値を指定します。繰り返し使う値は数値のVariablesにまとめる方法もあります。ガイドの線を表示するだけで、すべての余白が自動的に8刻みへ修正されるわけではありません。

8の倍数でも分割後に端数が出る例

8の倍数を使っても、どんな分割でも8刻みや整数を保てるわけではありません。960を7等分すると約137.143で小数になり、1080を2等分した540は整数でも8の倍数ではありません。

次は、幅と余白を分けて計算した例です。Figmaで実測した結果ではなく、寸法設計の計算例です。

条件	計算	結果
幅390、左右余白32ずつ	390−32−32	内容幅326
幅960、左右余白32ずつ、2列の間隔24	960−32−32−24	カード2枚の合計872
上の2枚を等幅にする	872÷2	1枚436

余白は8刻みでも、内容幅やカード幅には別の値が必要になります。レスポンシブな画面では、固定値とFill containerの使い分けを確認します。

既存のデザイン用早見表

上の画像は2017年9月の掲載作例です。2のべき乗・64の倍数などを色分けし、横幅960を想定して960までを掲載しています。iPad全機種に共通する表示幅を示すものではありません。

Figmaの基本操作は入門ガイド、サイズ全体を倍率で変更する方法はスケールツールで確認できます。