figma Figmaにアニメーションを取り込む方法 プラグインLottieFilesの使用方法
今回は無料でアニメーションを取り込むことが出来るウェブツール「LottieFiles」を、UI/UXデザインを作成するのに最適なウェブツール「Figma」で使用する方法についてご紹介させて頂きます。LottieFilesには沢山のアニメーシ...
JIRO
figma 
figma LottieFiles 無料アニメーション ワードプレスのプラグインで利用する方法
今回は、「LottieFilesをワードプレスで使用する方法」についてご紹介させて頂きます。LottieFilesのウェブサイトからHTMLをコピーして、カスタムHTMLとして貼り付けても良いのですが、プラグインを使うと少しだけ簡単にアニメ...
figma LottieFiles 最新版 無料で使えるアニメーション 使い方ガイド ワードプレス・Figma・HTMLに簡単に挿入出来る
今回は誰でも簡単に、ウェブサイトやアプリにアニメーションを挿入することが出来る「LottieFiles」の使い方についてご紹介させて頂きます。アニメーションの実装というと、複雑で手間がかかり、ファイルサイズを気にしなくてはならない作業でした...
figma 第3回 Figma を使ってアプリのデザインを作成しよう プロトタイプの作成方法
今回は「プロトタイプ」を作成して、今まで作成してきたデザインが実際にどのように動作するのかを確認してみましょう。フレームに名前を付ける今まで「iPhone 13 / 13 Pro -1」のような名前がついていたフレームですが、すべてのフレー...
figma 第2回 Figma を使ってアプリのデザインを作成しよう ページの複製と画像の挿入
前回はフレームの作成やアイコンの作成方法などを中心にご紹介させて頂きましたが、今回は実際の画面となるフレームを作成していきます。「プラグインを使った画像の挿入方法」や「ページの複製方法」、「アイコンの挿入方法」などを学習しながら、インスタグ...
figma 第1回 Figma を使ってアプリのデザインを作成しよう フレームの作成とアイコンの作成方法
今回は「Figma」を使って簡単な「アプリのデザインを作成」してみましょう。初めてFigmaを使う方でも迷わず作成出来ますので、ぜひ一緒に操作してみてください。第1回では、「フレームの作成方法」と「アイコンの作成方法」、「外部アイコンの取り...
figma 2024 Figma 日本語版 無料で使えるデザインツール 登録方法から簡単な使い方まで
今回は無料で使えるデザインツール「Figma」についてご紹介させて頂きます。（Figmaは「フィグマ」と読みます。）すでにご存知の方もいらっしゃると思いますが、ウェブブラウザをベースに設計されたデザインツールで、ウェブ上で利用できるのが特徴...
パソコン関連 Grammarly の詳細な設定方法 アシスタントとメニューの使い方
前回、Grammarlyの基本的な使い方について、ご紹介させて頂きました。今回は、もう少し詳しい使い方についてご紹介させて頂きます。Grammarlyは、ただ英文を校正するだけでなく、スコア方式でテキストを評価してくれたり、どの部分が良くな...
パソコン関連 2024 最新版 Grammarly 無料で使える英文校正ツール 最も簡単な使い方ガイド
今回は、「英文法や単語の間違い」などを一瞬で校正してくれるツール「Grammarly」についてご紹介させて頂きます。お仕事でちょっとした英文メールを書く必要がある方や、学校で英語を勉強されている方には必須のツールです。とにかく誰でも簡単に使...
パソコン関連 Gmail ビジネスで使える7つの便利な使い方 仕事効率を上げる方法
今回は、Gmailを使用する際にお勧めの、「7つの便利な使い方」についてご紹介させて頂きます。Gmailはそのまま使っても便利なのですが、少し機能を調整すると、さらに使い勝手が良くなります。すでにご存知の方も多いと思いますが、もし一つでもご...