デザインシステム with ピグマ

これで、Pigmaはアプリ/ Webフロントエンド開発の現場で不可欠なツールになりました。 開発者と非開発者の両方が気軽に使えるコミュニケーションツールになった感じです。 Webフロントエンドを開発する過程では、通常、以下のような手替え（ハンドオフ）が起こります。 デザイナー -> HTMLマークアップ開発者 -> SPA/MPA開発者 手が変わるたびに、それぞれの業務範囲を行き来しながら、活発なコミュニケーションが必要になります。 ピグマを使ってみるほど、ピグマこそこういう状況に適したツールだという確信が生まれます。 すべてのデザイナー/フロントエンド開発者はピグマを学ぶ必要があります。 しかし、この講義ではピグマの基礎使用法を扱っていないので、デザインツールを初めて扱う方には難しいかもしれません。 そんな方もセクション３までだけしてみると大きな無理なくついてくることができると思います。 川の構成がまるでフレクタル図形に似ています。 この講義はデザイナー/開発者に以下のような素養を持たせてくれます。 デザインコンポーネントをデザインシステムに抽象化する（セクション1. Foundationを構成する） デザインシステムに基づくデザインの実装（セクション1〜セクション11） デザインシステムをデザイントークンに加工する（セクション12〜セクション13） 開発者も全体的なデザインプロセスを習得できるようになります。 特にデザインシステムをデザイントークンに加工する（セクション1、セクション12、セクション13）部分を国内で初めて取り上げた講義ではないかと思います。 ちなみに、デザイントークンはデザインコンポーネントの国際標準です。 restful api 仕様の国際標準が OpenAPI (swagger) と同じです。 将来的には、デザイントークンに基づくライブラリと実装が注がれるでしょう。 ピグマを使ってデザインシステムを構築すれば、デザイントークンを簡単に抽出でき、巨大な流れに乗ることができます。 この講義をおすすめします。

デザイナーとコラボレーションをたくさんするUI開発者です。 時々同じように見える色が微妙な違いがあったり、一定の基準なしにデザイナーの直観で設定した余白などに苦しんできました。特にメンテナンスが絶対「ヘル」だったんですよ。 そのような車にこれを解決する方法を探すよりもデザインシステムという概念を知り、多くの有名なIT企業での適用事例に触れました。 一緒に働くデザイナーにもデザインシステムを構築しようと意見を述べたが、どのように始めるべきか方向をとらなかった車に会った「デザインシステム with ピグマ"講義は最高の選択でした。 企画者もデザイナーも、そして開発者も皆聴くべき講座だと思います。 ピグマを使っている企業なら強力におすすめしたいと思います。

それで、代替がピグマで何ができるか、どの方向性を持って完成に向かって進むべきか、ビジョンと方法を一緒に提示してくれる講義です。サブコンポーネントから始めて一つのページを作る実習に加えて、講師様の豊富な経験と実戦のヒントもよく溶け込んで聞いた後に作られる結果だけでなく、体得される他の知識も良かったです。 ピグマを使ってデザインシステムを作成することで、自分自身が得る利点もあるでしょうが、パートが他のコラボレータとのコミュニケーションの誤りによって議論が起こる可能性を大幅に減らすことができるという点では、開発者とデザイナーの両方にとって非常に魅力的なツールになるできると思います。 とても満足していた点の一つは、どうしてこうして作られなければならないのか？を講義を通して周知させ、また考える距離が与えられるため、フロントエンド開発者だったり、WebパブリッシャーやWebデザイナーだった理解できる方法を追求し、互いに合意して共通ルールを定め、容易で洗練された結果を容易に作り出すことができるを理解できるようにしてくれるという点です。ただこれをしなければならない！ではなく、講義を聞いた受講生たちが考えられる幅と柔軟性を広げてくれる良い講義です。 ピグマのデザインツールはどうやらフロントエンド開発者の立場では見慣れず、動作原理をすぐに理解することは難しいが、どうするか一つ一つのステップを見せるので講義を聞いてみるとツールの使い方は分かるようになります。手に身につけるためには少し練習が必要ですが、コラボレーションに特化したピグマの魅力にすぐ抜けてくれると信じています！

講義は別に初めて聞くのに分かりやすく説明しやすく、デザイン作業やコラボレーションに役立つ蜂蜜のヒントをたくさん教えてくださいね！助けがたくさんありました！

有益な内容がたくさんあります。実務で使える方法がわかり、特に良かったです。 ただ、講義の作業画面が大きくて左右のパネル項目がたくさんあり、アイコンとテキストがすべて小さいのに1080クオリティにしてみても見えづらく目も痛く集中がうまくいきません。 ㅠㅠ たとえば、上部の作業画面だけが関連しているので、下部の作業画面は切り取って、もっと大きく見ることができるようにすれば良いと思います。

デザインシステムのための講義のように見えるかもしれませんが、プロセスをゆっくりと追いかけてみると、 component、Autolayoutなどの必須のピグマ機能も熟練が可能です。新しい行動をしなければならないときにこの行動をしなければならない理由について具体的に説明してくれるので、機能熟練だけでなく学んだ機能を実務でどのように適用させることができるか悩むことができる講義です。良い講義を作ってくれてありがとう。

開発勉強だけしてピグマは使い方くらいしか知らなかった車に私にぜひ必要な講義に会いましたね！ 講師のおかげで、アトミックデザイン、デザインシステムの概念が確立されました。 デザインはまた、コンポーネントが集まって全体が完成するのを見て、部品と再利用性の重要性をもう一度感じます。 業務的にコミュニケーションが必要な開発者やデザイナーの方々におすすめです。

最近UI、UXデザイナー採用公告の資格要件にデザインシステムが気になるようです。 デザインシステムがわからなくてもデザインはでき、デザインシステムがわからないか分かっているのに、正しくはわからない デザイナーの方が多いと思います。 しかし、デザインシステムは知らないはずのデザイナーの必須能力だと思います。 少なくともデザインをしっかりしていただきたいです。 設計システムが分かれば体系的に設計ができ、効率的な管理が可能です。 さらに、このレッスンで扱うFigma Tokenは、Fetch Pushで開発者とのコミュニケーションを円滑にすることができます。 デザインシステムを学びたくてもきちんと教えてくれるところが見つかりませんでしたが、 インフラにこんな良質な講義が良い値段に上がってきて宝物を見つけたような気持ちですね。 多くの企業やデザイン会社がこの講義でデザインシステムを定着させ、 より多くの企業がデザインの体系を整え、開発者とのシームレスなコミュニケーションができればと思います。 デザインシステムが何であるかわからない人 デザインシステムを聞いてみましたが、正確にはわからない人 開発者とのコミュニケーションが難しかった方 デザイナーの方、開発者の方にもおすすめです。