inflearn logo
知識共有
inflearn logo

[UI3アップデート] Figma変数を利用したデザインシステムを構築する

最新のUI3インターフェースでFigmaの変数(バリアブル)を活用して、一緒にデザインシステムを作りましょう🔥 変数は一貫したユーザーエクスペリエンスを提供し、デザインプロセスを革新的に改善できる鍵🔑です。

難易度 初級

受講期間 無制限

figma variable
figma variable
Figma
Figma
Figma Tokens
Figma Tokens
Design System
Design System
Atomic Design
Atomic Design
figma variable
figma variable
Figma
Figma
Figma Tokens
Figma Tokens
Design System
Design System
Atomic Design
Atomic Design

お知らせ

8 件

  • bolduxlab님의 프로필 이미지

    こんにちは、受講生の皆さん、

    お正月連休はよく過ごしましたか?

    📢講義アップデートガイド

    📅 2月5日、6日(水、木)韓国時間午前2時〜6時

    その間、講義は全面的に更新される予定です。

    🔹今回のアップデート内容

    音質の改善- 音量を調整し、適切な速度で調整しました。

    UI3最新バージョンを反映- すべてのレッスンを最新バージョンに更新しました。

    タイポグラフィバリアブルを追加- (難易度が高いので何度も視聴をおすすめします!

    コンポーネントレクチャー補強- アイコンボタンとボタンスタックを追加しました。

    画像プレースホルダー講義の追加- プラグインを利用した左右比の固定方法について説明しました。

    など

    🎯 3月からInflearnウォーミングアップスタディ進行予定! [募集は来週からそうです。]

    今回の機会にUI3インターフェースを身につけて講義を完走する方はぜひ参加してください!

    皆さんの助けが切実に必要です。

    できるだけ検収を行いましたが、講義編集が未完成の部分やブラック画面などの問題がある場合があります。講義を見て不足している部分が見つかった場合は、1か月間以下のメールでフィードバックを送っていただきありがとうございます。

    📩お問い合わせ:boldplus.ux@gmail.com

    ありがとうございます。 😊

    0
  • bolduxlab님의 프로필 이미지

    こんにちは、

    9月が終わり、2024年も最後のパンツに向かっています。

    10月にはインフラストラクチャウォーミングアップが始まり、週末に2つのレッスンを更新しました。

     

    1.セクション3:アイコンを登録する方法、そしてヒント with アントマン戦略
    講義オープン後、アイコン関連の質問を30以上受け取りました。で大きな反応を得た部分です。

     

    2. セクション 14: Figma UI3: 既存の UI2 で何が変わったか。
    音質問題があったUI2講義を新たに撮影して再アップロードしました。また、1週間の間にUIが更新された内容を反映して講義に含めました。

     

    10月末にはタイポグラフィバリアブル(UI3バージョン)講義もアップロードする予定であり、ピグマ基礎講義に対する多くの要請に応じて来年初めオープンを目指して準備中です。

     

    既存講義のアップデートだけでなく、今後も追加講義も一生懸命ご準備いたします。

    ありがとうございます。

    2
  • bolduxlab님의 프로필 이미지

    こんにちは、受講生の皆さん!

     

    チュソクはよく過ごしましたか?このレッスンには3つのアップデートがあります。

     

    1.インフラウォーミングアップクラブ募集

    ディスコードを通じて既にご案内したように、インフラウォーミングアップクラブが明日24日まで募集中です。講義をまだ頑張っていない方はぜひ参加して一緒に頑張ってください。
    https://inf.run/Qg5iV

     

    2. UI3関連アップデート講義

    去る8月末に行われた<ピグマUI3: UI2で何が変わったのか分析>したライブ講義を再撮影および編集してセクション14にアップデートしました。頑張った方やUI3に興味のある方はぜひご確認ください。

    3.講義優秀事例イベント

    実際の業務に本講義を適用したり、プラグインを作った良い事例を見て本当にうれしいです。

    それで、皆さんが送ってくださる良い事例を集めてアワードを進めたいと思います。

    • 優秀商品: ソン・フンミン選手のトッテナム Home, Away Tシャツ提供

    • 申請期間:2025年2月末まで

    • 形式:PDF、ピグマファイル - 形式、分量は関係ありません

    • 送信: boldplus.ux@gmail.comに送信してください。

     

    0
  • bolduxlab님의 프로필 이미지

    こんにちは、ボールドです。

    今回はインフラウォーミングアップクラブでデザインシステム講義のコーチとして参加することになりました。

    <ピグマバリアブルを活用したデザインシステムの構築>

     

    特典

    • 5月の間、講義を最初から最後まで知識共有者のボールドの主導のもとに定走するスタディ集会であり、ディスコッドコミュニティで行われる予定です。

    • 完走時にインフラで用意した商品(3万葉)を差し上げ、優秀ランナーには特別な商品が提供されます。

    • 受講生の皆様は無料で参加可能ですので、今回の機会に講義を頑張って多くの特典を味わうことをお勧めします。

    • 30%割引クーポンも用意されているので、もし周辺知人の方の中に興味があれば教えていただければ幸いです。 (下記リンク参照)

     

    ご案内

     

    ご不明な点がございましたら、私にいつでもメールしていただければ幸いです。

    boldplus.ux@gmail.com

    ありがとう、ボールドドリーム。

    0
  • bolduxlab님의 프로필 이미지

    こんにちは、ボールドです。

    今回のお知らせは、講義の理論部分をまとめたサマリー共有に関するお知らせです。

    リンクはセクション0の[要約ファイルの共有]にあります。

     


    📝作成したきっかけ

    講義受講評とアンケート調査を読んだ結果、以下のような意見が多かったです。

    本講義が実務に本当に役に立つが、最初はあまりにも難しくて頑強以来2~3回聞かなければ私のものになりそうだ

    受講生の方の予習と復習に役立つように、講義の理論部分をノッション形態の要約本にしました。そしてよくしてくださる質問(主にアイコンパート)もまとめました。

     

    📌注意事項

    著作権問題でコピーおよび複製はしないでほしいです。発見時に要約本を削除措置しますので、お願い他の受講生分に配慮してください。

     

    🎉頑強イベント

    頑張った方のうち、受講評/アンケート調査をしてくださった方には、この講義の要約本のPDFを共有させていただきます。

    多くのご参加お願いいたします。

     


     

    皆様の成長を助ける講義になるよう努力いたします。

    ボールドドリーム。

    2
  • bolduxlab님의 프로필 이미지

    修正済み

    スタディ2期募集と講義アップデート予定のお知らせをご案内いたします。


    2024年1月スタディ2期を募集します。

    現在、1期を進行中で参加された受講生の方と共にバリアブルを粉砕しています。

    眩しい1期の方々の4週間の成果をまとめると、

    • 180以上の認証ショット

    • 平均一人当たり21レッスン完了

    • 満足度 4.8/5

    imageimage

    2期に参加したい方は、1月1日までスラックコミュニティに入って参加申し込みをしてください。


    バリアブルアップデートの整理

    Instagramでバリアブルイベントを行いました。アップデート全体が気になる方は、YouTubeの映像を盛り込んだノッションリンクをご覧ください。

    https://candied-bowl-4a6.notion.site/12-639103a61e5f4889b4ba61aa21e105ce

    来年1月1日に、このアップデートに関してインフラストラクチャに合計4つのビデオが追加でアップデートされる予定です。

     

    2024年講義の印象

    2024年の講義が引き上げられます。講義を切ってくださった方は影響が全くありません。周辺にもこの講義に興味がある方がいらっしゃるなら、12月31日前に割引価格で購入できる絶好の機会なので、教えていただければ幸いです

    最後に、あなたもあなたが知っているように、Pigmaのアップデートはとても速いです。私の講義もこの変化に合わせてずっと発展していき、皆さんの成長に役立つよう努力いたします。

    ありがとうございます。

    ボールドドリーム。

    1
  • bolduxlab님의 프로필 이미지

    修正済み

    こんにちは。ボールドです。

    講義をオープンしてから1ヶ月になっていきます。現在多くの方々が講義を聞いてくれており、スラックチャンネルではスタディ1期が真っ最中です。

    今日はイベントやレッスンのアップデートを知らせようとしています。

     


    イベント案内:80%講義完了受講者対象無料コーヒーチャット30分

    オンラインレッスンはいつでも聞くことができる利点がありますが、一人で勉強するのは難しいことが多いです。そのため、お手伝いをするために80%以上聞いた方を対象に5万ウォン相当のコーヒーチャットを無料で進めたいと思います。

    私が助けることができる部分は以下の通りです。

    • ポートフォリオレビュー

    • 海外就職

    • キャリア悩み相談

      オンラインコーヒーチャットが必要な方は、 boldplus.ux @gmail.comまでご連絡いただきありがとうございます。

      皆さんが頑張るまで頑張りましょう。

     


    更新ニュース

    昨日、ピグマバリアブルに大々的なアップデートがありました。

    講義が更新されたら、もう一度お知らせをさせていただきます。

     

    [アップデートサマリー] 主に数値バリアブル関連のアップデートです。

    • Individual corner radius:どこからでも「丸みを帯びた角」のバリアブル登録

    • Effect, Layer Opacity : 効果、透明度にバリアブルを登録する

    • グリッド、ストローク:グリッド、ボーダーにバリアブルを登録する

    • 最後に、バリアブルをインスタンスに接続する、

      いくつかの例で使い方を詳しく説明します。

     

    0
  • bolduxlab님의 프로필 이미지

    コンポーネント30個を作らなければならないという課題が難しく見えますか?

    もしそうなら、このワークシートが役に立ちます。

    ワークシートガイド:セクション3レッスン2 - コンポーネントワークシートBeta共有

    こんにちは、コンポーネントワークシートBetaをセクション3のレッスン2で共有します。不足している内容や修正が必要な部分はコメントを残していただきありがとうございます。

    使用ガイド:

    1. そのワークシートをコピーして使用してください。

    2. ワークシートを活用して、講義に従ってコンポーネントを作成してください。

    3. 元のファイルに問題がある場合、または修正が必要な部分がある場合は、元のファイルにコメントを残してください。

    コミュニティチャレンジガイド:コミュニティに参加すると、毎月のチャレンジを通じてコン​​ポーネントを作成する機会が与えられます。一緒に勉強して成長する旅に参加してください!

    助けが必要な場合やご質問がある場合は、いつでもコメントを残してください。楽しいピグマの旅になりますように!

    0

¥24,651