サクッとAlexaスキルのアイコンが作成できる「Alexa Icon Builder」を使う

この記事は公開されてから1年以上経過しています。情報が古い可能性がありますので、ご注意ください。

はじめに

Alexaのスキルを開発して公開する場合、スキルに対してアイコン(108x108, 512x512のPNG or JPGファイル)を登録する必要があります。
【公式ドキュメント】スキルストアのメタデータを定義する

この「スキルのアイコン作成」で、地味に頭を悩ませている開発者の方は結構いるのではないでしょうか。

今回、Alexaのスキルアイコンをサクッと作成できる公式ツール「Alexa Icon Builder」がリリースされたので、紹介してみたいと思います。

【Alexa Blogs】Create Eye-Catching Icons for Your Alexa Skills in Minutes

Alexa Icon Builderを使ってみる

Alexa Icon Builderにアクセスします。
テンプレートとして、マイクのアイコンが設定されていますね。

まず、ページ下部よりスキルのイメージに合うアイコンオブジェクトを選択します。

展開されたアイコンオブジェクトは、ドラッグで自由に移動して配置することができます。

右側のツールにて、アイコンオブジェクトの色や角度、背景色などを編集することができます。

名前 機能
Icon アイコンオブジェクトの大きさと色
Icon rotation アイコンオブジェクトの回転角度
Icon background アイコンの背景色
Icon border アイコンのボーダー太さと色
Icon shadow アイコンオブジェクトの影付き

作成完了後にアイコン下の「Download」をクリックすれば、zip形式でAlexaスキル用のアイコンファイル(108x108, 512x512のPNGファイル)をダウンロードすることができます。
簡単ですね!

実際にスキルに適用してみると、こんなイメージになりました。

おわりに

Alexa Icon Builderを使って、サクッとAlexaスキル用のアイコンを作ることができました。
アイコン作成の時間が無かったりイメージが湧かない場合に、こちらのツールを活用してみてはいかがでしょうか。

それでは。