![[UI3アップデート] Figma変数を利用したデザインシステムを構築する講義サムネイル](https://cdn.inflearn.com/public/courses/332289/cover/5b65a944-ebb3-44a7-96b2-60ca5b0cd0ea/332289-eng.png?w=420)
[UI3アップデート] Figma変数を利用したデザインシステムを構築する
bolduxlab
最新のUI3インターフェースでFigmaの変数(バリアブル)を活用して、一緒にデザインシステムを作りましょう🔥 変数は一貫したユーザーエクスペリエンスを提供し、デザインプロセスを革新的に改善できる鍵🔑です。
初級
figma variable, Figma, Figma Tokens
InflearnとBold UXが共にしたこの講義では、最新のFigma活用のコツや、Bold UXならではの多様なインサイトと業務ノウハウを学ぶことができます。 プロダクトデザイン分野で9年の実務経験を積んだBoldの専門知識とともに、Figmaを効果的に活用する方法についての貴重な情報を得られる機会です。
受講生 3,356名
難易度 入門
受講期間 無制限


学習した受講者のレビュー
5.0
쿠카이든
ボールドUXについてたくさん学びました。良い講義、ありがとうございました〜!
5.0
김은경
デザインシステムという新しい概念を容易に理解できて良かったです。 このような知識と経験の共有、本当にありがとうございます。
5.0
이혜리
質問回答コミュニケーションがスムーズではありません。
能力開発のための成長フロー5つのステップ
海外就職のための英語・ポートフォリオ・ビザ戦略
チームメンバーと円滑に協業するためのFigma活用法4選
実務で活用できるFigmaの裏技・Tips集

デザイナーとしてのキャリアに新しい活力を吹き込みたいですか?
ロンドン在住9年目のデザイナー、Boldの経験とノウハウを凝축した生きた成長ノートを紹介します:
成長が止まったあなたのためのパーソナライズされた成長フレームワーク for those whose growth has stalled
グローバルな舞台へ進むための実践戦略
デザインシステムの導入から活用ガイド
多様なステークホルダーとの協業を容易にする方法
Figmaの作業速度を最大化するノウハウ
本講義は、Gather.townで開催されたミートアップにて受講生の方々からいただいた質問をもとに作成しました。
それでは、受講生の皆さんと一緒に作成した成長ノートを皆さんに共有します。

Gather.town(ゲザータウン)で開催されたオンラインミートアップ

ロンドン9年目のSr. プロダクトデザイナー/ユーザーリサーチャー
<バリアブルを活用したデザインシステム> 知識共有者
こんにちは、ボールドです。9年間のデザインキャリアで得た私なりの実用的なUX/UIスキルとインサイトを、皆さんと共有することに大きな関心があります。私のInstagramを通じてより多くの情報を共有していますので、InstagramやBrunchにもぜひ遊びに来てください!他のデザイナーの方々と経験を共有しながら、様々な話をしたいと思っています。

セクション1. 成長のためのノート
成長の道を模索する方々のために、ボールドの経験から生まれた成長ノートを紹介します。
停滞した成長を克服するための5つのステップ
実際にボールドが経験した5倍成長を導いた戦略
一筋縄ではいかない成長の道を、必ず耐え抜かなければならない理由

セクション 2. 海外就職ガイドノート
海外就職を夢見ている方々のために、気になっているであろう3つの主要な質問への回答を準備しました。
日常で英語が上手くなるための3つの方法
海外就職のためのポートフォリオ、疑問点、4つ
海外(イギリス)で働くためのビザ情報

セクション 3. デザインシステム入門ノート
受講生の方々が最も気になっているデザインシステムに関する3つの質問にお答えします。
デザインシステムをうまく活用するための3つの戦略
トークンスタジオの未来に対するBoldの展望
プラットフォームデザイナーの能力を掘り下げる

セクション 4. 協業のためのデザインノート
デザイナー、開発者、ステークホルダー間の効果的なコラボレーションのためのノウハウを共有します。
効率的なフォルダー/ページ管理とバージョン管理の方法
開発者とスムーズなハンドオフを行うための3つの戦略
ステークホルダーとデザインを共有する際に知っておくと便利な4つのヒント


Figmaを使用する際に効率を2倍に高めることができる2つの方法を紹介します。

よく使うフレームを素早く移動したり選択したりするのに役立つヒントをご紹介します。

オートレイアウトのWrap機能と最大・最小値を多様に組み合わせて、最適な設定を一緒に見つけてみましょう。

バリアブルを活用して、どのようにUI Kitを作成するのか、その全般的なプロセスをご紹介します。

バリアンツとバリアブル、これら2つの混同しやすい用語の定義と活用法について説明します。

Figmaでプレゼンテーションを行う際に知っておくと便利なコツを共有します。
講義はMacOSで撮影しましたが、OSに関係なくどこでもフィグマ(Figma)を使用できます。
フィグマのコツについてはフィグマファイルを提供していますが、全体のUIキットとスタイルガイドのフィグマファイルは提供していません。
提供されるFigmaファイルは、実習を最大限スムーズに進められるように作成されています。
バリアブルのマルチモードの場合は、無料アカウントでは不可能です。
学習対象は
誰でしょう?
教育係がいなくて、どのように仕事を進めればよいか分からない方
海外就職に興味がある方
Figmaをもっと使いこなしたい方
インフラン認証
5,572
受講生
318
受講レビュー
271
回答
4.9
講座評価
7
講座
私たちはプロダクトデザイナーの成長を支援するBold UX Labのメインチューター、Boldです。私のキャリアはリサーチャーから始まり、プロダクトデザイナーへ転向した後、フィンテック、クラウドテック、マーケティングなど様々な分野で経験を積んでいます。国内の修士出身で、海外教育を受けることなく海外で就職し、多様な実務経験を重ねており、実務では以下の内容を行ってきました。
ユーザーリサーチシステムの構築、管理
デザインシステムの構築・管理、FigmaでのUI/プロトタイピングデザインスキルのコーチング、メンタリング。Inflearnを通じて、私が培ってきた実務ノウハウを共有し、それを通じて私自身も
デザインシステムの構築、管理、
Figma UI/プロトタイピング
デザインスキルのコーチング、メンタリング
Inflearnを通じて私が持っている実務のノウハウを共有し、それを通じて私も多くのことを学びたいと思っています。
ありがとうございます。
経験および経歴
(現) データソリューション企業 ・ シニアプロダクトデザイナー
(前) グローバルリサーチ、フィンテック、クラウドコンピューティングなど、多様な分野でプロダクトデザイナーとして活動
延世大学 認知工学ラボ リサーチャー
全体
26件 ∙ (1時間 24分)
講座資料(こうぎしりょう):
全体
80件
4.7
80件の受講レビュー
受講レビュー 3
∙
平均評価 5.0
受講レビュー 5
∙
平均評価 5.0
受講レビュー 2
∙
平均評価 5.0
受講レビュー 6
∙
平均評価 4.2
5
デザイナーではありませんが、同じ海外勤務予定者として多くの洞察を得ていきますㅎㅎ
海外に出て働いてますね!私の経験が海外で働くのに少しでも役立つことを願っています。ありがとうございます!
知識共有者の他の講座を見てみましょう!
同じ分野の他の講座を見てみましょう!
無料