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アプリ、リリース１ヶ月経過レポート
生まれて初めて作ったオリジナルiPhoneアプリ 「Mind-Reading」 http:/
-
-
４０代素人オッサン初めてのiPhoneアプリ開発チャレンジ日記（最終回）〜ついに公開！
「４０代素人オッサン初めてのiPhoneアプリ開発チャレンジ日記」もいよいよ最終回です。 1週
-
-
【iPhoneアプリ開発備忘録】 Xcode6 Validate時のエラー「iTunes Store operation failed. No suitable application records were found.」
アプリが完成、あとはアップルに申請するだけ。 しかし、これからがいつも簡単には終わりませ
-
-
【iPhoneアプリ開発備忘録】 Xcode6 Validate時のエラー「Your account already has a valid iOS Distribution certificate」
アプリが完成、あとはアップルに申請するだけ。 しかし、これからがいつも簡単には終
-
-
初自作iPhoneアプリ「Mind-Reading」を作って５年が経ちましたので、ダウンロード数などレポートします
2011年の8月4日に初めてのアプリ「Mind-Reading」発表しました。 それから
