figmaFigma スタイルガイドの作り方 テンプレートを利用して効率的に作成する方法 今回は、「スタイルガイド」の作成方法についてご紹介させて頂きます。 スタイルガイドを0からすべて自分で作成するのは、根気と努力と時間が必要になります。 Figmaではスタイルガイドを作成するためのプラグインやテンプレー...2022.08.25figma
figmaFigmaにアニメーションを取り込む方法 プラグインLottieFilesの使用方法 今回は無料でアニメーションを取り込むことが出来るウェブツール「LottieFiles」を、UI/UXデザインを作成するのに最適なウェブツール「Figma」で使用する方法についてご紹介させて頂きます。 LottieFi...2022.08.20figma
figmaLottieFiles 無料アニメーション ワードプレスのプラグインで利用する方法 今回は、「LottieFilesをワードプレスで使用する方法」についてご紹介させて頂きます。 LottieFilesのウェブサイトからHTMLをコピーして、カスタムHTMLとして貼り付けても良いのですが、プラグインを使うと少...2022.08.17figma
figmaLottieFiles 無料で使えるアニメーション 使い方ガイド ワードプレス・Figma・HTMLに簡単に挿入出来る 今回は誰でも簡単に、ウェブサイトやアプリにアニメーションを挿入することが出来る「LottieFiles」の使い方についてご紹介させて頂きます。 アニメーションの実装というと、複雑で手間がかかり、ファイルサイズを気にしなくては...2022.08.17figma
figma第3回 Figma を使ってアプリのデザインを作成しよう プロトタイプの作成方法 今回は「プロトタイプ」を作成して、今まで作成してきたデザインが実際にどのように動作するのかを確認してみましょう。 フレームに名前を付ける 今まで「iPhone 13 / 13 Pro -...2022.08.14figma
figma第2回 Figma を使ってアプリのデザインを作成しよう ページの複製と画像の挿入 前回はフレームの作成やアイコンの作成方法などを中心にご紹介させて頂きましたが、今回は実際の画面となるフレームを作成していきます。 「プラグインを使った画像の挿入方法」や「ページの複製方法」、「アイコンの挿入方法」などを学習し...2022.08.12figma
figma第1回 Figma を使ってアプリのデザインを作成しよう フレームの作成とアイコンの作成方法 今回は「Figma」を使って簡単な「アプリのデザインを作成」してみましょう。 初めてFigmaを使う方でも迷わず作成出来ますので、ぜひ一緒に操作してみてください。 第1回では、「フレームの作成方法」と「アイコン...2022.08.10figma
figma2022 Figma 日本語版 無料で使えるデザインツール 登録方法から簡単な使い方まで 今回は無料で使えるデザインツール「Figma」についてご紹介させて頂きます。 (Figmaは「フィグマ」と読みます。) すでにご存知の方もいらっしゃると思いますが、ウェブブラウザをベースに設計されたデザインツー...2022.08.07figma