iOSアプリ申請に必要なスクリーンショットをFigmaのテンプレートで作る！
やっとアプリを作って一安心。
さてAppStoreに申請だ。
と、ここからが大変ですよね。
いろいろな質問に答えたり、アイコンやスクリーンショットを作ったり・・・。
アイコンは生成AIでなんとかなるけど、スクリーンショットは自分でやらないと。
たんなるスクリーンショットなら簡単だけど、最近のスクリーンショットはデザインかっこいい。
でも、デザインセンスないし。
そんなときには、Figmaのテンプレート
世界中の多くの方がテンプレートを公開してます。
とはいえ、Figmaは初めてで結構悩んだので、ここにメモります。
Figma の使い方はほとんど知らなく、適当にやって自分なりにうまくいったやり方ですので、もっといいやり方があるとは思います。
（教えてください）
こちらのテンプレートを使いました。
https://www.figma.com/community/file/1165594034578098226
「Figmaで開く」をクリック
こんな画面
ちなみにアンドゥしたい場合は、各PCのデフォルトのアンドゥのやり方でできます。
（Macの場合 command + Z）
FirstShot
背景の色
以下の順番
文字
文字をクリック
僕の場合はフォントがなかったので、代替フォント（Noto Sans JP）を指定しました。
なお、フォントがない場合は文字を入力できません。
入力してもすぐ元の文字に戻り、すごくハマったところです。
スマホ画面
左側の 6.5_FireShot_✅Change Here!!
＞ component2
＞ Screen
＞ 💚Put Image Here
結果
もう１つのスマホ画面は
Component3 で同様のことを実施
他のShot
背景の色
ここは、なんでこんなやり方なのか、謎なんだけど、そういう仕様。
いろんなやり方あるんだろうけど、僕がやったやり方。
文字
前述と同じ
スマホ画面
前述と同様
画像ファイルに変換
できた。
あとは画像ファイルに変換する。
画像を右クリック
＞コピー/貼り付けオプション
＞PNGとしてコピー
そのあと、何か画像編集ソフトに貼り付ける。
以上
ad
- Tweet
-
-
この記事が気に入りましたら、ぜひTwitter、facebookボタンをお願いします。
ブログを書くモチベーションになります。よろしくお願いします。
ビットコイン投げ銭ウィジェット
関連記事
-
-
４０代素人オッサン初めてのiPhoneアプリ開発チャレンジ日記（その２）
前回のチャレンジ日記から３ヶ月。 http://tatsuya
-
-
オリジナルiPhoneアプリ「路面電車でレッツらゴー」セールスレポート
オリジナルiPhoneアプリ「路面電車でレッツらゴー」 https://itunes.apple.
-
-
４０代素人オッサン初めてのiPhoneアプリ開発チャレンジ日記（その１）
今日は久しぶりに１日中予定が無い日なので、 前々からやってみたかっ
-
-
iPhoneアプリ最新作「Tell Me Kanji」リリースしました
ついに、待望（？）の私のオリジナルiPhoneアプリ第３弾「Tell Me Kanji」 がApp
-
-
４０代素人オッサン初めてのiPhoneアプリ開発チャレンジ日記（その５）〜エラー解決の巻
distributionのビルド時にこんなエラーが出て、 お手上げな私。 C
