2021年9月30日（木）開催、Webテクニカルライター・こもりまさあき氏から、「Figma」を使ったプロトタイピングとワークフローの実際を学ぶオンラインセミナー。多様かつ複雑化する閲覧環境に対応する、次世代の効率的なUI設計と開発のワークフローを理解し、実務の効率アップを目指します。

オンラインセミナーの詳細・予約申し込みはこちら

今回のオンラインセミナーで登壇する講師は？

フリーランス・こもり まさあき  

1972年生まれ。1990年代前半に都内のDTP系デザイン会社にてアルバイトをはじめる。大学卒業後そのまま正社員となり、入出力業務、デザイン業務、ネットワーク関連業務に並行して従事。2001年会社を退職後フリーランスに。案件ごとに業務内容などが異なるため、職域的な肩書きはなし。近年はウェブ系の実務だけでなくコンサルティングなどの業務もおこなう。

Instagramは、サービス開始当初から利用しフォロワー数は3万人超。写真素材サイトUnsplashに公開している写真は2億ビューを超え、最も見られている500人に選ばれている。Unsplash Awards 2018 テクスチャー部門で選出リスト入り。「プロとして恥ずかしくない 新・WEBデザインの大原則（MdN刊）」監修ほか、「レスポンシブEメールデザイン マルチデバイス時代の魅せるメルマガの作り方(KADOKAWA/アスキー・メディアワークス刊）」をはじめ執筆多数。

https://www.instagram.com/cipher/  
https://unsplash.com/@gaspanik/

■以前開催したセミナー「世界標準プロトタイピングツールFigmaで始めるUI/UXデザイン」「スマホで簡単！5分で映える画像補正とSNS別施策テクニック」

オンラインセミナーの注目ポイント

【ポイント1】この講座で学べること  
○ Figmaのプラグインの有効化  
○ 書体やカラーのスタイル化  
○ Figmaのスタイルを管理  
○ コンポーネントの作成と管理  
○ コンンポーネントを使ったUI設計  
○ プロトタイプの作成  
○ Figmaの書き出しと共有  

【ポイント2】この講座で得られること  
○ 制作作業の効率化  
○ 共同作業による次世代のワークフロー構築

オンラインセミナーの詳細

現在、WebサイトやスマートフォンアプリのUIデザインをするためのプロトタイピングツールは多種多様な選択肢があります。なかでも2016年に登場し、Adobe社のAdobe XDと人気を二分しているのがプロトタイピングツール「Figma」。

「Figma」は、macOSとWindowsの両プラットフォームに対応し、Webブラウザ上でも同時に複数のメンバーでリアルタイムに作業することが可能なため、多人数で行う大規模プロジェクトや大手企業のWebデザインの現場で採用されています。

ワイヤフレームの設計やプロトタイプの制作、ビジュアルデザインのサンプルなど、それぞれの作業をシームレスに行うことができるほか、ファイルのバージョン管理や異なる会社／職種のメンバー間でのコミュニケーションもFigma上で可能なため、大幅な作業効率アップにつながると導入する制作会社が増え続け、今では、世界でもスタンダードなプロトタイピングツールとなっているのです。

Figma オフィシャルウェブサイト  
https://www.figma.com/

本講座では、Web構築の実務やコンサルティング、多数の書籍執筆など、Web関係にとどまらない領域で縦横無尽で活躍する、こもりまさあき氏を招聘。Figmaをいち早く現場で活用してきたこもり氏に、WebサイトやアプリのデザインでFigmaを使うためのテクニックを解説していただきます。

「基礎編」ではFigmaの概要、サービス構造、画面構成、基本操作、簡単なUIの実践、ファイルの読み込み、書き出しの概要などを解説しました。

今回は、インターフェイスと基礎知識、さらにUIデザインをプロトタイプとして書き出すワークフローまで実践的に学ぶ「応用編」となります。講座では実際にFigmaでスタイルを設定し、さらにコンポーネントを使ったUI設計や管理、プロトタイプの作成・書き出しでチームメンバーに共有するまでの効率的な開発ワークフローを解説していきます。

本講座で解説する内容は以下になります。

◯ 基礎編の復習  
◯ Figmaを拡張する  
◯ Figmaのスタイルを管理する  
◯ Figmaのコンポーネントの作成  
◯ コンポーネントを使いこなそう  
◯ コンポーネントで状態を管理する  
◯ コンポーネントを使ったUI制作の実践  
◯ Figmaのプロトタイピング  
◯ Figmaの書き出しと共有

Adobe XDやSketch、Figmaを仕事で使ったことがないデザイナーや、ワイヤーフレームを描く必要のあるWebディレクターなどを対象に、多様で複雑化する閲覧環境に対応する、次世代の効率的なUI設計や開発のワークフローを理解し実務に活かす講座です。

本講座をきっかけに、従来のカンプ制作から解き放たれた次世代プロトタイピングツール「Figma」の素晴らしい世界を体験してください。

開催日程

登壇者：こもりまさあき  
日程：2021年9月30日（木）19:30〜21:30  
予約締め切り日時：2021年9月29日（火）19:30  
参加費：1名4,800円（税込）  

※講座開催後から1週間のフォロー期間中に、講座本編を収録した動画の視聴や、グループメッセージを利用したご質問が可能です。

オンラインセミナーの詳細・予約申し込みはこちら