https://wentz-design.comGatsbyJSFri, 13 Mar 2026 16:00:50 GMThttps://wentz-design.com/post/hicks-law-and-ui-design/8a90723b-030d-5459-b11a-bc09257cf6a2Fri, 13 Mar 2026 00:00:00 GMT人間が「選ぶ」という行為にかかる時間には、1952年にイギリスの心理学者ウィリアム・ヒックが提唱した「ヒックの法則」と呼ばれる理論があります。今回は、ヒックの法則について、その理論的背景からUIデザインへの具体的な応用までを整理してみます。https://wentz-design.com/post/fitts-law-and-ui-design/10bcfdb3-2f12-5f05-8463-ebc603305f3eFri, 06 Mar 2026 00:00:00 GMT今回は、フィッツの法則について、その理論的背景からUIデザインへの具体的な応用までを整理してみます。以前の記事でゲシュタルト原則やアフォーダンス、メンタルモデルといった認知科学的な概念を紹介してきましたが、フィッツの法則はそれらとはやや性格が異なり、人間の運動に関する法則です。https://wentz-design.com/post/teaching-ui-expertise-in-ai-era/22038f7d-20d0-53a6-a250-81b9f321aa35Fri, 27 Feb 2026 00:00:00 GMT今回は、AIがあらゆるデジタルコンテンツを生成できるようになってきた今、改めてユーザーインターフェースの専門知識を教えるということの意味を考えてみたいと思います。https://wentz-design.com/post/designer-desk-comfort-items/bc82831f-ee08-5e3c-a2d8-664c03d0b432Fri, 20 Feb 2026 00:00:00 GMT今回は、デスクまわりの作業環境を少しずつ整えてきた中で、実際に使っていて満足度の高かったアイテムをまとめて紹介します。https://wentz-design.com/post/design-verbalization/61282fdb-1c73-58c4-b93b-37807ea0a591Fri, 13 Feb 2026 00:00:00 GMTデザインレビューで「なんか良さそう」や「しっくりこない」という言葉が飛び交って、議論が前に進まなかった経験はないでしょうか。あるいは、自分が作ったデザインに対して「もう少しちゃんと説明して」と言われたものの、何をどう説明すればいいのかわからず戸惑った経験はないでしょうか。https://wentz-design.com/post/workshop-retrospective-tips/6c15c8d6-af66-505c-932b-c26c1409522fFri, 06 Feb 2026 00:00:00 GMTこの記事は、このブログの筆者がワークショップ終了後の振り返りを習慣化する方法と、ファシリテーターとしての自身の成長につなげる方法を備忘録としてまとめたものです。https://wentz-design.com/post/making-1on1-unnecessary/e5925ad8-1fa2-52e7-b6fb-72c534ab0f1fFri, 30 Jan 2026 00:00:00 GMT最初に、この記事は1on1を否定したり推奨しないという旨の主張をするものではありません。組織のマネジメントにおいて、1on1はもはや疑う余地のない標準的なプラクティスとして定着しています。私自身も日々の業務の中で多くの時間を対話に割いていますし、その重要性は高いと思っています。https://wentz-design.com/post/recommended-books-for-ui-designers-202601/df2b3685-132b-5552-9fa3-a29fd707fa8eFri, 23 Jan 2026 00:00:00 GMT今回は、2026年1月現在で、これから新卒や業務未経験からUIデザインの仕事を始めようとしている方に向けた、推薦図書の紹介です。どこから勉強を始めようか迷っている方の参考になればと思います。https://wentz-design.com/post/autumn-winter-bike-commute-2026/af16bbbe-34e8-5827-8f39-cc4c361ccf46Fri, 16 Jan 2026 00:00:00 GMT筆者はリモートワーカーですが、去年の9月から今年の1月にかけて非常勤講師として講義を行うにあたり、晴れた日は大学まで自転車で通勤していました。数年ぶりの自転車通勤であってよかったものをいくつか備忘録を兼ねて紹介します。https://wentz-design.com/post/google-antigravity-designer-collaboration/d59cb4c8-1c3f-5116-a88a-321d9803ac09Fri, 09 Jan 2026 00:00:00 GMTこの記事では、デザイナーである私がAIコーディングツール「Google Antigravity」を使ってみて感じたことを、備忘録としてまとめています。https://wentz-design.com/post/ popular-articles-2025/99955e23-51ed-53bb-a8f5-d440097f32dcFri, 02 Jan 2026 00:00:00 GMT2025年に最も読まれた記事のランキングと、今年の振り返りをお届けします。今回は単純なPVランキングだけでなく、「じっくり読まれた記事」という新しい視点も加えてご紹介したいと思います。https://wentz-design.com/post/separate-facts-from-opinions/c2dca16e-ea91-5ec1-9889-e1ff559b3fddFri, 19 Dec 2025 00:00:00 GMT私はプロダクトデザイナーとして働きながら、組織のマネジメントもしています。その中で、メンバーやステークホルダーとの対話で、とても助かっていることがあります。それは、何か相談や悩みがあったときに「実際に起こったこと」と「それによって自分が感じたこと」を分けて伝えてもらえることです。https://wentz-design.com/post/designers-shift-creation-to-curation/58a03cec-f9fc-54e2-932a-760a993b087fTue, 09 Dec 2025 00:00:00 GMT画像生成、レイアウト作成、コピーライティングに至るまで、生成AIはこれまで人間が手作業で行っていた領域を完全に代替し始めました。 この不可逆的な流れの中で、私たちデザイナーは生成AIという存在とどう対峙し、この先生きのこるには自身の職能をどう位置付けるべきなのでしょうか。https://wentz-design.com/post/product-design-interview-tips/6d7efd4e-5ca8-5466-be67-61e349bc124aFri, 05 Dec 2025 00:00:00 GMT今回は、プロダクトデザインのプロセスにおけるユーザーインタビューの位置付けと、具体的な設計手法、そして実践のコツについてまとめます。https://wentz-design.com/post/definition-of-ui-ux-designer/2d2a8809-47a8-5a92-b74a-9f52352b5eadFri, 28 Nov 2025 00:00:00 GMT求人やSNSのプロフィールで「UI/UXデザイナー」という肩書きを目にすることがあります。しかし、デザインの本質を理解している人ほど、この「UI/UX」という併記に違和感があるのではないでしょうか。個人的には、ポートフォリオで見かけるとガッカリするワードのトップ３に入ります。https://wentz-design.com/post/remote-work-desk-best-buy-2025/6e6ae2ab-41e2-50c1-ac4d-c2ad05492eb3Fri, 21 Nov 2025 00:00:00 GMTブラックフライデーの季節が始まるということで、今回は在宅ワークに関する身の回りアイテムの紹介です。 本記事では、2025年現在、私のデスク環境で実際に活用し、仕事の効率や快適性を上げてくれた「買ってよかったもの」を紹介します。https://wentz-design.com/post/discussing-design-book-review/1332811e-7e84-5e4e-a30e-bae8b6584883Fri, 14 Nov 2025 00:00:00 GMT今回は、アーロン・イリザリー氏、アダム・コナー氏の著書『みんなではじめるデザイン批評』を読んで、その内容と私の感想や学びを紹介します。https://wentz-design.com/post/figma-constraints-guide/9e9fa55a-566b-57d7-b117-cdf651d41d8aFri, 07 Nov 2025 00:00:00 GMTこの記事では、Figmaの制約（Constraints）機能について紹介します。フレーム内の要素をオートレイアウトを使用せずに相対的な位置で制御したい、といったシーンでその挙動をコントロールすることができる機能です。https://wentz-design.com/post/figma-how-to-use-boolean-operations/fd47072f-3314-5413-89de-a82c408bb679Fri, 31 Oct 2025 00:00:00 GMT今回は、Figmaのブール演算（Boolean Operations）機能について、基本的な使い方から実践的な活用方法まで解説します。ブール演算を使うと、複数のシェイプを組み合わせて複雑な図形を効率的に作成できるようになります。https://wentz-design.com/post/gestalt-principles-ui-design/50992fce-2c64-54fa-9682-d071d592d07aFri, 24 Oct 2025 00:00:00 GMT優れたUIは、どのような考え方によって生み出されるのでしょうか。特に、道具としてのUIを考える上では、美しい見た目ももちろん重要ですが、それ以上に「ユーザーが新しく考えなくても、使い方がわかる」ことが大事なように思われます。https://wentz-design.com/post/designing-connected-content-book-review/b1d21f25-c25d-5105-a9e7-922db229be28Fri, 17 Oct 2025 00:00:00 GMT今回は、Carrie Hane・Mike Atherton氏の著書『DESIGNING CONNECTED CONTENT デジタルプロダクトの長期的な成長を支える構造化コンテンツ』を読んで、その内容と私の感想、そして読んで良かったと思える学びを紹介します。https://wentz-design.com/post/how-to-learn-game-ui-design/859c9b20-4e1d-5066-b466-90ab1499691aWed, 08 Oct 2025 00:00:00 GMTこの記事では、ゲームUIデザインを独学で学びたい方に向けて、学習方法と実践的なロードマップを提案します。日本語で学べるリソースは予想以上に充実しており、書籍・オンライン講座・実践演習を組み合わせることで、独学でも十分にスキルを習得できる環境が整っています。https://wentz-design.com/post/ui-design-for-beginners/3ecbe965-56b4-5a63-8630-32cc51431b42Fri, 03 Oct 2025 00:00:00 GMT今回は、これから就職に向けたプロダクトデザインないしUIデザインを学ぼうとしている方に向けた筆者なりの心得のまとめです。https://wentz-design.com/post/teaching-ui-design-at-university/38d83de3-e2a3-5f67-bdb5-886fc7ae29e0Fri, 26 Sep 2025 00:00:00 GMT今回はブログオーナーからの個人的なお知らせです。 このたびご縁があり、表題の通り2025年9月から東京工科大学の蒲田キャンパスにて、「専門スキル演習：ユーザインタフェース」という授業を非常勤講師として担当させていただくことになりました。https://wentz-design.com/post/advice-for-design-students/4e1a06f7-41c1-5628-a86f-357b784d3004Fri, 19 Sep 2025 00:00:00 GMT今回は、デジタルプロダクトデザインに現役で向き合っているデザイナーとしての立場から、これからみなさんがデザイナーとしてのキャリアを築く上で極めて重要になるであろういくつかのマインドについて、お伝えしてみようと思います。https://wentz-design.com/post/affordance-and-signifier/dbdbf2c6-af40-5b77-a060-2e13936fcf3dFri, 12 Sep 2025 00:00:00 GMT私たちが日常的に使用するモノやインターフェースは、どのようにして「使い方」を伝えているのでしょうか。この問いに答えるための重要な概念が「アフォーダンス」と「シグニファイア」です。 本記事は、これら2つの概念について個人的な備忘路として整理したものです。https://wentz-design.com/post/importance-of-ui-design/d1f4ae38-fec6-505a-bd27-7fa3ff39d537Fri, 05 Sep 2025 00:00:00 GMTUI（ユーザーインターフェース）デザインは、単にプロダクトの視覚的な魅力を高めるための工程だと捉えられがちです。しかし、その本質はより深く、プロダクト開発プロセス全体を成功に導くための戦略的な役割を担っています。https://wentz-design.com/post/book-review-250823/1df2189a-1f76-5e68-b15e-a03d99fe871dFri, 29 Aug 2025 00:00:00 GMT今回は、『現場の「あるある」から学んだ 今すぐ使える「UIデザイン」41の法則』という書籍を、株式会社アイスリーデザイン様よりご献本いただきましたので、僭越ながらご紹介させていただきつつ、私なりに読んでみた感想や気づきを残そうと思います。https://wentz-design.com/post/product-design-career-practices/b6fd4cc4-9669-5668-9a32-74ca4f059fb9Fri, 22 Aug 2025 00:00:00 GMT私たちは、プロダクトデザイナーとしてキャリアを歩む上で、さまざまな障壁をさまざまな手段で乗り越えてきました。そうした数々の課題の多くは部分最適であることから、常に特定の方法でやればうまくいく、とはならないことがほとんどです。https://wentz-design.com/post/domain-knowledge-designer-failure/19b1ea07-14aa-5a3c-af71-4842574ad3b6Fri, 15 Aug 2025 00:00:00 GMTデジタルプロダクトデザインにおいて、ユーザーへの深い共感は重要だとされています。しかし、その業界や分野の専門知識（ドメイン知識）を軽視したデザインは、どんなに美しく使いやすそうに見えても、現場では使われない「お飾り」になってしまいます。https://wentz-design.com/post/book-review-250726/c074e5ee-d7e6-543b-a0d3-d31422e19f6bFri, 01 Aug 2025 00:00:00 GMT「チームを効果的に導けない」「変化の激しい環境でのマネジメントに悩んでいる」「従来の管理手法では限界を感じている」こんな課題を抱えているリーダーやマネージャーをしていると、身に覚えがあると思います。https://wentz-design.com/post/product-design-perfectionism-management/32f8408c-56ac-5969-9efe-f6c53bc72084Fri, 25 Jul 2025 00:00:00 GMTこの記事では、プロダクト開発の現場で時々見かける"完璧主義"による課題と、それらを否定せずに建設的に活用するための具体的なアプローチを紹介します。完璧主義は高品質なデザインを生み出す原動力である一方で、バーンアウトや生産性低下の原因ともなることもあるようです。https://wentz-design.com/post/travelers-best-buy-2025/4f67b42a-3244-5857-80c6-60dc879f4930Fri, 18 Jul 2025 00:00:00 GMT今回は、2025年にかけて@wentz_designが旅行やワーケーション先で便利だったガジェットやサービスを紹介を紹介します。筆者は、リモートワーク中心のIT系の会社員（デジタルプロダクトデザイナー）の仕事や趣味が反映されています。https://wentz-design.com/post/stop-working-for-others/cafc9ce4-584b-5434-a74a-32be584a479dFri, 11 Jul 2025 00:00:00 GMTこれは最近、私自身がマネジメントについて振り返るきっかけがあり、その際に自分が働く上での価値観を言語化したものです。https://wentz-design.com/post/pc-gamers-best-buy-2025/2d59d754-07fb-5988-91c5-c027bc0fdf02Fri, 04 Jul 2025 00:00:00 GMTこの記事では、当サイトのオーナーの@wentz_designが2024年5月現在ゲーミングPCやコンソール機（SwitchやPS5）との併用で活用している以下のガジェットを紹介します。https://wentz-design.com/post/web-designing-202508/2f676e89-904a-5e19-97f5-27d385d62766Fri, 27 Jun 2025 00:00:00 GMT2025年6月18日のWeb Designing 2025年8月号に、SmartHRのプロダクトデザイナーとして、Figmaの活用のケーススタディについて取材いただきました。https://wentz-design.com/post/product-designer-recommended-books/734810c1-b029-558b-acaa-83907845a300Fri, 20 Jun 2025 00:00:00 GMTこの記事では、プロダクトデザイナーにとって役立つ定番書籍を5冊厳選して紹介します。理論から実践まで、デザインの本質を学べる良書を集めました。https://wentz-design.com/post/metacognition-subject-perspective/607e885b-6a0b-513d-b2b5-ea96c590f24eFri, 13 Jun 2025 00:00:00 GMTメタ認知、つまり自らの思考や感情を客観的に捉えてコントロールする能力は、学習や仕事、人間関係において重要なソフトスキルであるということは、多くの方が認めるところではないでしょうか。しかし、その「熟練度」をどう測ればよいのかは、なかなか難しい問題だと思います。https://wentz-design.com/post/simple-is-powerful-in-communication/d371f1cc-f88b-57bf-8abc-c2a05b93b4c2Fri, 06 Jun 2025 00:00:00 GMT最近、マネージャーとしてチームとやり取りをしていて最近感じることとして、指示をシンプルにすればするほど、アウトプットの質が上がるような感覚を持っています。そして興味深いことに、これはAIとのやり取りにも同じことが言える気がしています。https://wentz-design.com/post/intrinsic-motivation/9548bf11-92dd-58b8-bbfe-cf36c5fe875eFri, 30 May 2025 00:00:00 GMT青山学院大学のワークショップデザインの講座内で紹介されていた、佐伯胖先生によって提唱される「根源的能動性」に関する個人的な考察メモです。なお、当記事の筆者はこの領域について専門教育および高等教育を受けていませんので、この記事内の知見は素人による私見とお考えください。https://wentz-design.com/post/why-ui-without-mental-model-fails/c201216c-4ef7-5ff1-aa8e-81606240168fFri, 23 May 2025 00:00:00 GMTこの記事では、プロダクトの成否を静かに左右する「メンタルモデル」とは何か、それがユーザー体験、特に情報設計にどう影響するのか、そしてデザイナーはそれをどう扱っていくべきかについて、先人の知識（書籍）の力を借りながら掘り下げてみます。https://wentz-design.com/post/figma-config-2025-updates/1b4ab695-351d-581f-9eeb-ac5dae41caa8Fri, 16 May 2025 00:00:00 GMTFigma Config 2025では、FigmaがデザインツールからクリエイティブなOSへと大きく進化することを示唆するかのように、コード生成、ウェブサイト構築、マーケティングコンテンツ制作までをカバーする新機能が複数発表されました。https://wentz-design.com/post/facilitation-textbook-review/1434dffa-7b01-53ba-82b2-88d1c79ace69Fri, 09 May 2025 00:00:00 GMT会議が長引く、議論が脱線する、意見がまとまらない、メンバーから積極的な発言が出ない。会議に参加しているとこんなシーンに遭遇することもありますよね。今回は、グロービス著『ファシリテーションの教科書』を読んで、その内容と思ったことを備忘録として残します。https://wentz-design.com/post/rethinking-personas-b2b/0abd670c-bdf1-560c-99a8-b2797ef368e7Fri, 02 May 2025 00:00:00 GMTB2Bサービスのプロダクトデザインはますます複雑さを増し、高すぎる市場要求と限られた開発リソースとの間で、多くのデザイナーやプロダクトマネージャーは日々苦労しているでしょう。そんな現場で扱われる「ペルソナ」と「ペルソナに似た何か」の弊害について文章化を試みるものです。https://wentz-design.com/post/deadline-task-management-for-designers-developers/cc71545b-3cae-58e3-8f89-6b05ffa848c6Fri, 25 Apr 2025 00:00:00 GMTいつも「やらなきゃ」と思いながらも実行できない自分に苛立つことはありませんか？私はあります。今日は、タスク管理において個人的に最強の動機づけになると考えているタスクの「期限管理」について、私の実践知をもとに説明してみようと思います。https://wentz-design.com/post/interface-design-psychology-book-review/98f54307-75cc-5fbf-abcc-c4a32c9d3d0cFri, 18 Apr 2025 00:00:00 GMT今回は、スーザン・ワインチェンク氏の著書『インターフェースデザインの心理学 第2版 ―ウェブやアプリに新たな視点をもたらす100の指針』を読んで、その内容と学びを紹介します。https://wentz-design.com/post/introduction-to-cognitive-science/7e18fcf2-d2e3-5c0d-aa6a-b5acbcb3508cFri, 11 Apr 2025 00:00:00 GMT人間の思考や記憶のメカニズムを理解することは、自分自身を知り、より効果的に学び、考えるための重要な一歩になると思います。今回は、鈴木宏昭氏の著書『教養としての認知科学』を読んだので、その内容と私の感想、そして読んで良かったと思える学びを紹介します。https://wentz-design.com/post/my-designer-career-path/0ff0b19d-e8b4-5294-8969-2591c1fe315cFri, 04 Apr 2025 00:00:00 GMT「デザイナーになるにはどうすれば？」「キャリアってどう考えればいい？」といった問いかけを時々見かけます。正解はないのですが、私自身の経験はどうだったか？を伝えることはできると思い、私がエンジニアからデザイナーになり、マネージャーとして働くまでの経緯を書いてみようと思います。https://wentz-design.com/post/why-your-design-is-rejected/e80c044b-e92d-5761-954b-32255eb9a0b2Fri, 28 Mar 2025 00:00:00 GMTこの記事では、デザイナーが直面する「デザイン案が評価されない」という課題を乗り越えるための実践的なヒントを提供できればと思います。ここで紹介するコミュニケーション技術を習得することで、プロジェクトにおけるプレゼンス向上の足掛けになればと思います。https://wentz-design.com/post/design-decision-types/8c222813-ff7c-5413-8aef-8660ea20889aFri, 21 Mar 2025 00:00:00 GMTデジタルプロダクトデザインの現場では、デザインの意思決定をどのように行うかが、プロジェクトの進行と最終的な成果物の質を大きく左右します。意思決定の方法は多岐にわたりますが、大きく「同期的な意思決定」と「非同期的な意思決定」の2つに分類することができます。https://wentz-design.com/post/new-life-moving-items/066e18fc-8810-55b9-a5a4-55bd46df5fd5Fri, 14 Mar 2025 00:00:00 GMT3〜4月は新生活に向けて準備するシーズンかと思います。このブログのオーナーも去年引っ越しし、新生活のスタートダッシュで快適な空間を作り上げるために、何から揃えればいいのか悩んだので、その時に便利だったものやその後の生活で役立ったものを備忘録として紹介しようと思います。https://wentz-design.com/post/book-review-250223/e096d59a-e5e5-51d0-af08-13ae5eb7e203Fri, 28 Feb 2025 00:00:00 GMT「ミーティングのデザイン」を読んでhttps://wentz-design.com/post/book-review-250215/2f70ca81-2536-5ff7-8403-62d36a4f4175Fri, 21 Feb 2025 00:00:00 GMT「こうして社員はやる気を失っていく」という書籍を読む機会があったので、自分なりの所感をまとめるための備忘録です。https://wentz-design.com/post/b2b-digital-product-designer-career/7e954ea6-1992-5722-81cf-caffeb329c4fFri, 14 Feb 2025 00:00:00 GMTこの記事は、B2B SaaSのプロダクトデザイナーを目指したいと思っている方に向けて、キャリアパスと必要なスキルについて言語化を試みるものです。https://wentz-design.com/post/workshop-time-management/d7f544f6-54c7-52b9-96bd-1910e1ff84beFri, 07 Feb 2025 00:00:00 GMT私は、ワークショップのコンテンツは時間が足りないくらいのタイムマネジメントがちょうど良いと思っています。今回はその仕組みについて少し言語化を試みようと思います。https://wentz-design.com/post/learning-to-teach-tech/495561e3-8b72-5024-97a4-d5fb4109f418Fri, 31 Jan 2025 00:00:00 GMT私は最近、Figmaのノウハウ的な記事は書いていません。これには色々な理由がありますが、意図的に書かないようにしているというよりは、自分が探究し言語化したいテーマが変わってきていることが影響しており、最近は「人はどのように認知し学ぶか？」が関心の中心にあるからです。https://wentz-design.com/post/favorite-humidifier-2025/b8573415-aceb-5284-8841-d418844127c8Fri, 24 Jan 2025 00:00:00 GMT筆者はこれまで様々なタイプの加湿機を寝室で使用していましたが、どれも一長一短であり特に音や臭いに敏感なこともあり、以下のような悩みを解決する加湿機に巡り会えていませんでした。https://wentz-design.com/post/how-to-write-weekly/8bfcb7b3-d01f-5308-b330-b761a7dc368aFri, 17 Jan 2025 00:00:00 GMTこのブログも毎週更新し続けてもうすぐ4年になりますが、「どうして続けられているのか」とか「何がモチベーションになっているのか」とか時々聞かれるので、筆者なりに言語化してみようと思います。https://wentz-design.com/post/preducts-pc-wiring/efafc04c-d128-5ee0-a327-d0864d57ab64Fri, 10 Jan 2025 00:00:00 GMTこの記事は、本ブログのオーナーがPREDUCTSのデスクを使用する際に、仕事用PCとゲームPCを楽に切り替えするためにどのように配線したかを備忘録としてまとめたものです。https://wentz-design.com/post/remote-workers-best-buy-2024/6bf949be-0081-5ecf-9ac3-f2178c283a65Fri, 03 Jan 2025 00:00:00 GMTこの記事では、短気かつせっかちで細かい手間にストレスを感じる当サイトのオーナーの@wentz_designが2025年1月現在リモートワークで活用しているガジェットを紹介します。リモートワーク中心のIT系の会社員（デジタルプロダクトデザイナー）の仕事や趣味が反映されています。https://wentz-design.com/post/2024-top-10-articles/1f79ee3a-4890-5a35-a1c6-343dde849700Fri, 27 Dec 2024 00:00:00 GMTwentz-design.comで2024年にもっとも読まれた記事をランキング形式で発表します。https://wentz-design.com/post/2024-design-management-practices/aadbd1d0-a152-56b8-8060-a48f5129371cSat, 21 Dec 2024 00:00:00 GMTwentz-design.comの筆者が、2024年内に発信したマネジメントやデザイン組織に関するプラクティスのまとめです。https://wentz-design.com/post/ how-designers-use-figma-in-their-development-teams/09aa41ea-2435-5178-971b-0a61b4a6482cFri, 06 Dec 2024 00:00:00 GMT今回は近況報告です。私が現在所属するSmartHR社でFigmaをどのように組織内で活用しているかについて、Figma社のウェブサイトにインタビューを掲載いただきました。https://wentz-design.com/post/mhlw-professional-practice-education-and-training-2024-summary/c8e11922-5d82-55d2-8315-ed26a1631703Fri, 29 Nov 2024 00:00:00 GMT今回は、2024年度の専門実践教育訓練給付金の申請に必要な手続きと流れについてのまとめです。制度について細かい解説はしませんので、私が実際に行った手続きを一事例として参考にしていただければ幸いです。https://wentz-design.com/post/mhlw-professional-practice-education-and-training-2024-33-2-4/d078efa5-cc48-52fc-9e4b-94ba9c9d8100Fri, 22 Nov 2024 00:00:00 GMT今回は、2024年度の専門実践教育訓練給付金の申請に必要な手続きと流れについて、備忘録として残そうと思います。制度について細かい解説はしませんので、私が実際に行った手続きを一事例として参考にしていただければ幸いです。https://wentz-design.com/post/wsd41-reports/57c4360c-0e74-5325-8a36-3535866e9a39Fri, 15 Nov 2024 00:00:00 GMTこの記事は、青山学院大学大学院主催のワークショップデザイナー育成プログラムの課題として、動画形式の講座を受講して筆者個人の考えをまとめたレポートのまとめです。https://wentz-design.com/post/mhlw-professional-practice-education-and-training-2024-33-2-2/d45b0b13-c5cf-5e82-a1ff-60b242e0b9b0Fri, 08 Nov 2024 00:00:00 GMT今回は、2024年度の専門実践教育訓練給付金の申請に必要な手続きと流れについて、備忘録として残そうと思います。制度について細かい解説はしませんので、私が実際に行った手続きを一事例として参考にしていただければ幸いです。https://wentz-design.com/post/wsd41-final-report/83886280-faea-5cbd-8cbb-eca030f98ad2Fri, 01 Nov 2024 00:00:00 GMTこの記事は、青山学院大学大学院主催のワークショップデザイナー育成プログラムの課題として、動画形式の講座を受講して筆者個人の考えをまとめたレポートです。今回は「ワークショップデザインにおける問いの作り方」について書いています。https://wentz-design.com/post/wsd41-report16/6d96edbf-ca89-5669-9a06-bb5bed204ca6Fri, 18 Oct 2024 00:00:00 GMTこの記事は、青山学院大学大学院主催のワークショップデザイナー育成プログラムの課題として、動画形式の講座を受講して筆者個人の考えをまとめたレポートです。今回は「ワークショップデザインにおける問いの作り方」について書いています。https://wentz-design.com/post/wsd41-report15/98cd7c6e-f49f-5e5b-a6cd-5062150fecaeFri, 11 Oct 2024 00:00:00 GMTこの記事は、青山学院大学大学院主催のワークショップデザイナー育成プログラムの課題として、動画形式の講座を受講して筆者個人の考えをまとめたレポートです。今回は「ワークショップデザイナーの専門性」について書いています。https://wentz-design.com/post/wsd41-report14/d68f3e30-396b-5e8c-b69d-6cce10caa6dfFri, 04 Oct 2024 00:00:00 GMTこの記事は、青山学院大学大学院主催のワークショップデザイナー育成プログラムの課題として、動画形式の講座を受講して筆者個人の考えをまとめたレポートです。今回は「コミュニティデザインを学ぶ」について書いています。https://wentz-design.com/post/wsd41-report13/01f46fd2-fd6d-5873-aff1-8002fe284ae0Fri, 27 Sep 2024 00:00:00 GMTこの記事は、青山学院大学大学院主催のワークショップデザイナー育成プログラムの課題として、動画形式の講座を受講して筆者個人の考えをまとめたレポートです。今回は「研修にワークショップを取り入れる」について書いています。https://wentz-design.com/post/wsd41-report12/67d98f46-6fdc-5d46-8836-cdb5a4c14ed7Fri, 20 Sep 2024 00:00:00 GMTこの記事は、青山学院大学大学院主催のワークショップデザイナー育成プログラムの課題として、動画形式の講座を受講して筆者個人の考えをまとめたレポートです。今回は「実践者の事例から学ぶワークショップデザイン〜オンライン編〜」について書いています。https://wentz-design.com/post/wsd41-report11/7db6f77a-cca8-5847-90ab-91a8a7247259Fri, 13 Sep 2024 00:00:00 GMTこの記事は、青山学院大学大学院主催のワークショップデザイナー育成プログラムの課題として、動画形式の講座を受講して筆者個人の考えをまとめたレポートです。今回は「実践者の事例から学ぶワークショップデザイン」について書いています。https://wentz-design.com/post/wsd41-report10/79e32ed3-198e-507b-bdac-d2cc23a74625Fri, 06 Sep 2024 00:00:00 GMTこの記事は、青山学院大学大学院主催のワークショップデザイナー育成プログラムの課題として、動画形式の講座を受講して筆者個人の考えをまとめたレポートです。今回は「リフレクションデザイン」について書いています。https://wentz-design.com/post/wsd41-report9/6665936b-f184-530e-a003-61624636bdd2Fri, 30 Aug 2024 00:00:00 GMTこの記事は、青山学院大学大学院主催のワークショップデザイナー育成プログラムの課題として、動画形式の講座を受講して筆者個人の考えをまとめたレポートです。今回は「ファシリテーション」について書いています。https://wentz-design.com/post/wsd41-report8/c1ca13f4-7f85-553e-b5cd-0d606c1105e3Fri, 23 Aug 2024 00:00:00 GMTこの記事は、青山学院大学大学院主催のワークショップデザイナー育成プログラムの課題として、動画形式の講座を受講して筆者個人の考えをまとめたレポートです。今回は「ワークショップと対話」について書いています。https://wentz-design.com/post/wsd41-report7/4feab5bd-5847-5748-b056-f80c190b93daFri, 16 Aug 2024 00:00:00 GMTこの記事は、青山学院大学大学院主催のワークショップデザイナー育成プログラムの課題として、動画形式の講座を受講して筆者個人の考えをまとめたレポートです。今回は「ワークショップと対話」について書いています。https://wentz-design.com/post/wsd41-report6/cffffd16-4fcd-58ac-bffa-3e577eea0a75Fri, 09 Aug 2024 00:00:00 GMTこの記事は、青山学院大学大学院主催のワークショップデザイナー育成プログラムの課題として、動画形式の講座を受講して筆者個人の考えをまとめたレポートです。今回は「ワークショップとコミュニケーション教育」について書いています。https://wentz-design.com/post/wsd41-report5/77fb1acd-8549-557b-9b74-2a37ce25acc2Fri, 02 Aug 2024 00:00:00 GMTこの記事は、青山学院大学大学院主催のワークショップデザイナー育成プログラムの課題として、動画形式の講座を受講して筆者個人の考えをまとめたレポートです。今回は「ワークショップと学び」について書いています。https://wentz-design.com/post/wsd41-report4/305a15b0-9fd1-5bf5-bf28-96105be17e53Fri, 26 Jul 2024 00:00:00 GMTこの記事は、青山学院大学大学院主催のワークショップデザイナー育成プログラムの課題として、動画形式の講座を受講して筆者個人の考えをまとめたレポートです。今回は「ワークショップって何だ？」について書いています。https://wentz-design.com/post/wsd41-report3/12952137-7239-5899-93a8-3d1970bb1526Fri, 19 Jul 2024 00:00:00 GMTこの記事は、青山学院大学大学院主催のワークショップデザイナー育成プログラムの課題として、動画形式の講座を受講して筆者個人の考えをまとめたレポートです。今回は「ワークショップの背景理論」について書いています。https://wentz-design.com/post/figma-text-bold-underline-shortcuts/9fdb0b98-4d4a-5331-8b48-6bbfd9ad46b0Fri, 12 Jul 2024 00:00:00 GMT今回は、Figmaのテキストでフォントスタイルが適用されている状態で、部分的に太字（bold）や下線（underline）を適用できるショートカットを紹介します。太字や下線の専用のスタイルを適用しなくても良いので作業効率に効果があります。https://wentz-design.com/post/wsd41-report2/cf402116-4202-5e8f-b616-860d2d703f2bFri, 05 Jul 2024 00:00:00 GMTこの記事は、青山学院大学大学院主催のワークショップデザイナー育成プログラムの課題として、動画形式の講座を受講して筆者個人の考えをまとめたレポートです。今回は「ワークショップを学習として捉える」について書いています。https://wentz-design.com/post/figma-config-2024-updates/535cc141-ea7e-5833-b069-35886e961d1dThu, 27 Jun 2024 00:00:00 GMTFigmaが主催するConfig2024において、2024年6月26日に発表された新機能および既存機能のアップデートに関する情報をダイジェストでまとめています。https://wentz-design.com/post/wsd41-report1/fdfc7d6c-c47f-57af-8e56-30675cb8bf3bFri, 21 Jun 2024 00:00:00 GMTこの記事は、青山学院大学大学院主催のワークショップデザイナー育成プログラムの課題として、動画形式の講座を受講して筆者個人の考えをまとめたレポートです。今回は「ワークショップの定義」について書いています。https://wentz-design.com/post/figma-bottom-fixed-sticky-animation-prototype/2c5cf123-9cc5-5730-9a7d-256d6e1d7b3dFri, 14 Jun 2024 00:00:00 GMT今回はFigmaのプロトタイプ（Prototype）機能を利用して、コンポーネントを画面スクロール時に画面下部に固定して追従するようなアニメーションの設定方法を紹介します。設定済みのサンプルファイルも公開していますので、自由に利用してください。https://wentz-design.com/post/figma-file-management-tips/f29d3cbb-a6ed-5ec0-bdba-744f5a5745adFri, 07 Jun 2024 00:00:00 GMT今回は、Figmaのファイル内での操作や管理をする上で便利なTipsをいくつか紹介します。https://wentz-design.com/post/figma-how-to-change-screen-size-on-preview/fd3cc779-eb85-59c5-9c8d-12ae91b772e6Fri, 31 May 2024 00:00:00 GMT今回はFigmaでプロトタイプのプレビュー表示の画面サイズの縦横比を維持する方法を紹介します。主にプロトタイプでの画面の表示領域を指定したディスプレイサイズの縦横比でプレビューしたい場合などに有効な方法です。https://wentz-design.com/post/pc-gamers-best-buy-2024/e4af7d96-78df-5316-8524-d67f00d2c544Fri, 24 May 2024 00:00:00 GMTこの記事では、当サイトのオーナーの@wentz_designが2024年5月現在ゲーミングPCやコンソール機（SwitchやPS5）との併用で活用している以下のガジェットを紹介します。https://wentz-design.com/post/figma-how-to-add-page-divider/246585be-ecb7-5c5f-bf73-c508218e7248Fri, 17 May 2024 00:00:00 GMT今回はFigmaの左ペインでページの区切り線（ディバイダー）を追加する方法の紹介です。巷ではページ名を「---」などにして空ページを擬似的に区切り線として運用されていましたが、アップデートにより明確にディバイダーを追加できるようになりました。https://wentz-design.com/post/figma-how-to-separate-tabs/8a9f247f-3f4e-5f28-bff7-4e1abb205ba6Fri, 03 May 2024 00:00:00 GMT今回は、Figmaの画面タブを２画面に分割して表示する方法を紹介します。FigJamを眺めながらFigmaで画面レイアウトを作成したり、プロトタイプで画面全体を表示しながらコンポーネントを調整するなどの使い方ができます。https://wentz-design.com/post/mhlw-career-consulting-2024/d326f53e-2447-500f-aba6-58b3288972bdFri, 26 Apr 2024 00:00:00 GMT今回は、専門実践教育訓練給付金の申請時に必要になる「訓練前キャリアコンサルティング」の申し込み・実施方法について、備忘録として残そうと思います。https://wentz-design.com/post/goods-useful-for-moving-2024/9a827685-fd92-56a1-92c0-f5dc197fc835Fri, 19 Apr 2024 00:00:00 GMT今回は、2024年に@wentz_designが新居への引っ越しで実際に役に立った、または必須だと思ったガジェットを紹介します。筆者は、リモートワーク中心のIT系の会社員（デジタルプロダクトデザイナー）の趣味・嗜好が反映されています。https://wentz-design.com/post/figma-figjam-how-to-change-cursor/8aea318c-c5df-5e24-8609-848c60fdf150Fri, 12 Apr 2024 00:00:00 GMT今回は、FigmaやFigJamでカーソルを変更する方法の紹介です。いくつかのスタイルや色を使ってカーソルで視覚的に差異をつけたい場合にお勧めです。https://wentz-design.com/post/figma-figjam-how-to-make-ranged-comments/3cabb170-05b2-5b44-90d2-065420840722Fri, 05 Apr 2024 00:00:00 GMT今回は、Figmaで指定した範囲に対してコメントする方法を紹介します。この方法を使えば、コメントの指摘がどの範囲について言及しているものかを伝えやすくなります。https://wentz-design.com/post/mhlw-how-to-create-job-card-2024/e1a3e9fb-3fa3-5a1c-bf87-adaf4a13f28fFri, 29 Mar 2024 00:00:00 GMT今回は、専門実践教育訓練給付金の申請時に必要になる「ジョブ・カード」の作り方について、専用ウェブサイトの使い方を含め備忘録として残そうと思います。https://wentz-design.com/post/figma-how-to-hide-comments/dae71c80-e381-525e-a770-55feb880b3ddFri, 22 Mar 2024 00:00:00 GMT今回は、Figmaのファイル上に投稿したコメント（アイコンバッジ）を非表示にする方法を紹介します。大量のコメントがついていてデザインデータが見辛くなっている時などに便利です。https://wentz-design.com/post/mhlw-professional-practice-education-and-training-2024/ca90a95d-296d-512c-a328-399e76a36566Fri, 15 Mar 2024 00:00:00 GMT今回は、2024年度の専門実践教育訓練給付金の申請に必要な手続きと流れについて、備忘録として残そうと思います。制度について細かい解説はしませんので、私が実際に行った手続きを一事例として参考にしていただければ幸いです。https://wentz-design.com/post/figma-multi-edit-mode/7f9dac5a-f6f6-519a-8c82-5d0592233cfbFri, 08 Mar 2024 00:00:00 GMT今回は、Figmaでレイヤー内の要素を一括指定できる「マッチングレイヤー」と、テキストを同時編集できる「テキストのマルチ編集」の使い方を紹介します。コンポーネント化をする前にデザインパターンを検討したい時などに便利な機能です。https://wentz-design.com/post/workshop-designer-training-program-2024/13271d26-1768-5a62-bb07-00d0a1ab6cd6Fri, 23 Feb 2024 00:00:00 GMT今回は、筆者の個人的な活動の話になりますが、青山学院大学の2024年第1期（通算42期）ワークショップデザイナー育成プログラムに出願し、受講することにしました。https://wentz-design.com/post/2024- figma-dev-mode-release/5f7e5de2-9f74-54c0-b331-c0e7305adfa4Fri, 09 Feb 2024 00:00:00 GMT2024年2月1日より、Figmaから開発モード（Dev mode）のベータが外れて正式機能としてリリースされました。この記事では、これまでベータ版で使えていた機能と、新しく追加された機能について、公式のドキュメントを中心にまとめています。https://wentz-design.com/post/how-to-import-from-miro-to-figjam/19f592f9-21d4-5749-9274-4fdec03c49e8Fri, 02 Feb 2024 00:00:00 GMT今回は、MiroのボードデータをFigJamになるべく綺麗な状態でインポートする方法の紹介です。いくつかインポートの方法はありますが、手順によってはうまく取り込めないなどインポート結果が変わってしまうため、適切な手順の一つを紹介したいと思います。https://wentz-design.com/post/figma-overlay-dialog-prototype/21b13be8-9f3c-57b8-be6b-fd4c40f52770Fri, 26 Jan 2024 00:00:00 GMT今回はFigmaのプロトタイプ（Prototype）機能を利用して、画面レイアウトの前面にダイアログをオーバーレイで表示するプロトタイプの作り方とサンプルファイルの紹介です。https://wentz-design.com/post/travelers-best-buy-2024/a2770b72-4533-56cd-ad7d-863cf8a44ba2Fri, 19 Jan 2024 00:00:00 GMT今回は、2023~2024年にかけて@wentz_designが旅行やワーケーション先で便利だったガジェットやサービスを紹介を紹介します。筆者は、リモートワーク中心のIT系の会社員（デジタルプロダクトデザイナー）の仕事や趣味が反映されています。https://wentz-design.com/post/figma-how-to-create-dialog/7cfe5ce8-715b-54e4-9cd5-fb2c61b220d1Fri, 12 Jan 2024 00:00:00 GMT今回は、Figmaでタイトルヘッダー、コンテンツ、ボタン付きフッターで構成されたシンプルなダイアログ・コンポーネントの作り方を解説していきます。自由に使えるサンプルファイルも用意していますので、よければご活用ください。https://wentz-design.com/post/2023-top-10-articles/83fc4eec-fd23-54b6-98af-fc4015f7ebdcFri, 05 Jan 2024 00:00:00 GMTwentz-design.comで2023年にもっとも読まれた記事をランキング形式で発表します。 https://wentz-design.com/post/remote-workers-best-buy-2023/979cc86f-f6c8-58bb-87ad-314841a0ebcbFri, 29 Dec 2023 00:00:00 GMTこの記事では、当サイトのオーナーの@wentz_designが2023年12月現在リモートワークで活用しているガジェットを紹介します。リモートワーク中心のIT系の会社員（デジタルプロダクトデザイナー）の仕事や趣味が反映されていますので、近しい環境の方の参考になればと思います。https://wentz-design.com/post/figma-auto-layout-tips/5831dc37-06d1-5ea7-95f5-c6db8dd0ffd4Fri, 22 Dec 2023 00:00:00 GMT今回は、Figmaでオートレイアウト（Auto layout）機能を使う時に、知っていると便利なテクニックを紹介します。知っているかどうかで生産性やアウトプットのスピードが大きく変わるものばかりですので、ぜひ試してみだください。https://wentz-design.com/post/Figjam-how-to-use-mindmap/3bd777e1-342e-5092-8ebe-5881180603c4Fri, 15 Dec 2023 00:00:00 GMT今回は、FigJamの標準機能として追加された「マインドマップ」機能の基本的な使い方を紹介します。マインドマップでは、あるテーマからツリー構造でアイデアを発散しやすく、複数のパターンが存在する状態設計や、テスト設計などに活用できます。https://wentz-design.com/post/figma-figjam-generative-ai/ce91c2e8-ca4c-5e56-a007-03322d504b26Fri, 08 Dec 2023 00:00:00 GMTFigmaとFigJamで利用できる生成AIに関する機能やプラグインのまとめです。ディスカッションを効率的に進めたり、高速なデザイン検証の支援などさまざまな使い方が考えられます。https://wentz-design.com/post/figma-figjam-google-meet-addon/1eb2f059-495c-55e4-af71-8cf6e32502e5Sat, 02 Dec 2023 00:00:00 GMT今回はGoogle Meetの画面上で参加者とFigJamを共同編集する方法を紹介します。通常はFigJamの共有機能を利用すればMeetを開きながら別画面でFigJamを同時に編集することもできますが、アドオンを使用することでMeet画面のみで共同編集できます。https://wentz-design.com/post/figma-little-big-updates-2023-11/0e174a07-72d8-5847-a965-cf32fda301efFri, 24 Nov 2023 00:00:00 GMT今回は、2023年11月にFigmaから公開された「Little Big Updates」で紹介された機能について、公式ツイートやリリースノートからかいつまんで解説します。https://wentz-design.com/post/figma-color-wheel-palette-generator-plugin/e88ff2ed-b39b-5432-80d3-70614276c300Fri, 17 Nov 2023 00:00:00 GMT今回はFigmaで指定した色から補色やグラデーションを自動補完で作成できるカラーパレットのプラグイン「Color wheel palette generator」を紹介します。色彩に関する複数のカラースキームに従って、様々なカラーパレットをワンクリックで生成することができます。https://wentz-design.com/post/figma-how-to-use-figjam-ai/3d47e49b-ba3b-5e7c-891f-8f8252d816ceFri, 10 Nov 2023 00:00:00 GMT今回は、2023年11月7日にFigmaから公開された新機能「FigJam AI」の基本的な使い方を紹介します。テキスト生成だけでなく、セクションや矢印を使ったフローチャートなど、より高度なアウトプットが可能です。https://wentz-design.com/post/figma-figjam-text-list-style/6ba1e555-a940-52ba-b8ca-ae4ba790e715Fri, 03 Nov 2023 00:00:00 GMT今回は、FigmaおよびFigJamでテキスト入力時に、階層のある箇条書きリストとして入力する方法を紹介します。この機能を使うと、例えばインデントのためにスペースを入力する手間が省けます。https://wentz-design.com/post/figma-how-to-use-canvas-stacking/c565e2fa-62a2-5bbd-ba25-83bc6716f392Fri, 27 Oct 2023 00:00:00 GMT今回は、Figmaのオートレイアウトで、要素の重なり順を指定できる機能「キャンバススタッキング」の紹介です。プルダウンボタンなど、フレームから飛び出ている要素を配置する場合に、オートレイアウト上の他の要素の下に潜ってしまうケースなどで、意図した重なり順に指定できるようになります。https://wentz-design.com/post/figma-little-big-updates-2023-10/b15cd86c-a60a-5271-b95c-8a5f0831ba4fFri, 20 Oct 2023 00:00:00 GMT今回は、2023年10月にFigmaから公開された「Little Big Updates」で紹介された機能について、公式ツイートやリリースノートからかいつまんで解説します。https://wentz-design.com/post/figma-how-to-use-absolute-potision/04408883-623f-5741-a290-493b59567ca3Fri, 13 Oct 2023 00:00:00 GMT今回は、オートレイアウトのフレーム内で、自動整列を無視してオブジェクトを絶対座標で配置する機能「絶対位置（absolute position）」の紹介です。表示エリアの都合上、同じフレーム内に要素を配置したい場合にオートレイアウトを解除しなくても良くなります。https://wentz-design.com/post/figma-little-big-updates-2023-09/54b9433b-bec2-580d-becd-51c985066218Fri, 06 Oct 2023 00:00:00 GMT今回は、2023年9月にFigmaから公開された「Little Big Updates」で紹介された17の機能について、公式ツイートやリリースノートからかいつまんで解説します。https://wentz-design.com/post/figma-how-to-use-alignment/f728bac5-9e72-5558-afb7-339a079067b4Fri, 29 Sep 2023 00:00:00 GMT今回はFigmaでオブジェクトを整列・均等配置する方法を紹介します。規則的な自動整列といえばオートレイアウトが代表的ですが、今回は最も基本的な整列機能（上下左右中央揃え、等間隔揃え）を試します。https://wentz-design.com/post/figjam-how-to-use-jambot/0f2c9a62-6f8d-51be-9a87-48183f1a0ceeFri, 22 Sep 2023 00:00:00 GMT今回は、FigJamでブレインストーミングなどを行う際に便利なウィジェット「Jambot」の紹介です。議論の発散や収束の支援、テキストの書き換えや翻訳などをOpenAIのAPI経由でテキスト生成し、手っ取り早く付箋に書き出すことができます。https://wentz-design.com/post/figma-layout-design-tips/944d2ccb-8e44-57ed-8224-0d76dfddc2bcFri, 15 Sep 2023 00:00:00 GMTFigmaでUIや画面のレイアウトを設計する際に便利な機能やテクニックのまとめです。https://wentz-design.com/post/figma-mindmap-widget/860df1c5-9fb8-532c-9a8a-c6a6d3dddecbFri, 08 Sep 2023 00:00:00 GMT今回はFigma・FigJamでシンプルなマインドマップを効率的に作ることができるサードパーティ製ウィジェット「Mindmap（Beta）」の紹介です。特定のテーマからアイデアを発散させたり、テストケースなどのツリー構造のパターンを探索的に洗い出す際に便利です。https://wentz-design.com/post/figma-how-to-setting-prototype-with-mockup/34a3009b-19cd-545d-9b51-19e670fe0826Fri, 01 Sep 2023 00:00:00 GMT今回はFigmaでプロトタイプを作成する際に、プレビューで各種端末のモックアップを表示する方法を紹介します。各種デバイスで表示される際のイメージを確認したり、解像度ごとのUIの見え方の確認などに役立ちます。https://wentz-design.com/post/figma-studio-plugin/d0af1fde-3278-56e7-8f28-134416f147baFri, 25 Aug 2023 00:00:00 GMT今回は、Figmaで作成したデザインデータを、ノーコードでサイトを作成・公開できるサービス「STUDIO」にインポートできるプラグイン「Figma to STUDIO(Beta)」の紹介です。Figmaでさくっと作成したデザインを非常に簡単なステップでウェブサイトに公開できます。https://wentz-design.com/post/figma-components-tips/b5cd88d2-1c3e-5d80-a7dc-5c769016b9d0Fri, 18 Aug 2023 00:00:00 GMTFigmaの代表的な機能であるコンポーネント（Component）の基本的な使い方と、付随する便利な機能や実際のコンポーネントの作り方やサンプルデータを紹介した記事のまとめです。https://wentz-design.com/post/figma-ai-image-generator-plugin/0efb35e7-f8eb-59bf-8ff1-e5972dac758fFri, 11 Aug 2023 00:00:00 GMT今回はFigmaでプロンプト（テキスト）を入力して画像を生成できるプラグイン「AI image generator」の使い方を紹介します。手っ取り早く画像を使用したい場合や、イメージを膨らますためのコンセプトの発散などに役立ちます。https://wentz-design.com/post/figma-how-to-setting-scroll/1a535b39-71bb-5ce6-86d4-7c71ef6f2e9bFri, 04 Aug 2023 00:00:00 GMT今回はFigmaでプロトタイプを作成するときのスクロールに制御に関する設定を紹介します。縦方向のスクロールだけでなく、横方向や画面の中の一部分のみスクロールさせたい場合などの参考になればと思います。https://wentz-design.com/post/figma-useful-text-tips/88717120-f840-54ea-af57-8ccc24b2c1f0Fri, 28 Jul 2023 00:00:00 GMT今回はFigmaでテキストを扱い際に便利なテクニックやプラグインを紹介します。デザイナーだけでなく、エンジニアやUXライターやマーケターなど、Figmaでコラボレーションする際にテキストを編集する際にご活用ください。https://wentz-design.com/post/figma-pull-down-button-prototype/51552739-2d1c-5994-827c-b9e6fec703bcFri, 21 Jul 2023 00:00:00 GMT今回はFigmaのプロトタイプ（Prototype）機能を利用して、クリックするとメニューが開くアニメーションを適用したボタンの作り方とサンプルファイルの紹介です。https://wentz-design.com/post/figma-turncate-text/f24d90b7-4cf3-5326-a8ae-123c32c8abb4Fri, 14 Jul 2023 00:00:00 GMT今回は、Figmaのテキストを幅や任意の行数で省略表示（…）することができる「テキストの省略（Turncate text）」の使い方の紹介です。コレクションのリスト表示やカードビューなどで、規定のサイズに対してテキストの表示量を制御したい場合に便利です。https://wentz-design.com/post/figma-auto-layout-wrap/ba415124-5b01-5a7d-b0c6-f4fe2dcc7884Fri, 07 Jul 2023 00:00:00 GMT今回はFigmaのオートレイアウト（Auto layout）の機能のひとつである折り返し（Wrap）の使い方を紹介します。これにより、アプリケーションなどの画面レイアウトで横幅が成り行きで決まる場合に自動で折り返しされるようになるため、レスポンシブ対応などで便利です。https://wentz-design.com/post/product-designer-1on1-trial-report-202305/2bbcb8cb-11fd-5c68-8802-a8f838ec4f1bFri, 30 Jun 2023 00:00:00 GMTこの記事は、2023年5月5日〜7月31日の間にお試しで開催した下記イベント「なんでも相談会」の振り返りレポートです。このレポートは当ブログのコンテンツおよび次回のイベントの開催のブラッシュアップに活用いたします。https://wentz-design.com/post/figma-config-2023-updates/2d554819-9e7d-53f6-a742-e48fd05588eeFri, 23 Jun 2023 00:00:00 GMT今回は2023年6月22日に開催されたFigmaが主催するイベント「Config 2023」で発表された、Figmaの新機能について概要を紹介します。https://wentz-design.com/post/how-to-use-microsoft-designer/d56f7598-928d-56df-a463-156c30f22d3cFri, 16 Jun 2023 00:00:00 GMT今回は、Microsoftからリリースされた「Microsoft Designer（プレビュー版）」というデザインAIツールを試してみたレビューになります。主な機能としては、テキストを入力すると、内容に即したバナーやポスターといった制作物を生成できるツールのようです。https://wentz-design.com/post/figma-resource-ios17-and-ipados17/a6cdffd5-aec8-5c0d-b08c-889d2407b7e8Fri, 09 Jun 2023 00:00:00 GMT今回はFigmaでAppleのiOS 17、iPadOS 17のデザインリソースを利用する方法の紹介です。リソースはFigma Community上で公開されており、Apple製品のUIモックアップでプロトタイピングを作成し、UIの検証を行う際に有用です。https://wentz-design.com/post/figma-header-sticky-animation-prototype/ee23f0bb-532c-51b3-b301-813ee2300069Fri, 02 Jun 2023 00:00:00 GMT今回はFigmaのプロトタイプ（Prototype）機能を利用して、画面レイアウト上のヘッダーコンポーネントを、画面スクロール時に画面上部に固定して追従するようなアニメーションの設定方法を紹介します。設定されたサンプルファイルも公開していますので、自由に利用してください。https://wentz-design.com/post/how-to-convert-figma-animations-to-lottie-files-by-plugin/133d2715-6c5f-51bd-8be6-e0bfb3627f48Fri, 26 May 2023 00:00:00 GMT今回は、Figmaのプロトタイプで作成したアニメーションをLottieFilesにエクスポートしてGIFに書き出したり、公開されているアニメーションをFigmaにインポートできるプラグインの紹介です。リッチなアニメーションをライブラリとして管理・共有するのに便利です。https://wentz-design.com/post/figma-figjam-simple-graph-plugin/dd14a9b6-5e7a-5c68-86a6-739334c80611Fri, 19 May 2023 00:00:00 GMT今回は、Figma/FigJamでシンプルなグラフ・チャートを生成できるプラグインを紹介します。簡単な資料の細く図表、ウェブサイトや資料のカンプ用データ、あるいはプレデンテーションで使う図表のたたきの作成などに便利です。いずれも無料で使用できます。https://wentz-design.com/post/figma-simple-radar-chart-plugin/73ab887a-36a1-5115-bba7-b7d0f3972a2eFri, 12 May 2023 00:00:00 GMT今回は、FigmaとFigJamで任意の値を入力して、凡例付きの多角形グラフ（レーダーチャート）を生成できるプラグイン「シンプルな多角形グラフの生成」の紹介です。スライド資料用のグラフや、ウェブサイトに掲載する簡単なレーダーチャートが手っ取り早く欲しい時などに便利です。https://wentz-design.com/post/product-designer-1on1-trial/7d0f8212-1a25-5ec5-b5cd-58737fca1c27Fri, 05 May 2023 00:00:00 GMT当サイトの読者限定で、ITやデジタル領域のプロダクトデザイナーを志望しているまたはやり始めた方を対象に、プロダクト開発上のお悩み・UIデザインのお悩み・キャリアなどの相談会を期間限定（5~6月の間）のお試しで実施します。https://wentz-design.com/post/ai-chatbot-builder-chatbase/e213f287-d74a-50b5-8158-e49c42ff26edFri, 28 Apr 2023 00:00:00 GMT今回は、ブログやウェブサイトに手軽に埋め込めるChatGPTベースのチャットボット生成サービス「Chatbase.co」の使い方を紹介します。実際にこの記事内に埋め込みむまでの過程を説明していますので、参考にしてみてください。https://wentz-design.com/post/figma-simple-line-chart-plugin/7ac718f1-d0e1-55ab-9bb2-2091ed00ce19Fri, 21 Apr 2023 00:00:00 GMT今回は、FigmaとFigJamで任意の値を入力して、目盛り付きの線グラフを生成できるプラグイン「シンプルな線グラフの生成」の紹介です。スライド資料用のグラフや、ウェブサイトに掲載する簡単な線グラフが手っ取り早く欲しい時などに便利です。https://wentz-design.com/post/figma-interactive-components/b0dfff46-ddd6-5a81-9640-f7ceb9949bbdFri, 14 Apr 2023 00:00:00 GMT今回はユーザーの操作によってアニメーションなどのインタラクションが発生するUIコンポーネントのプロトタイプの作り方を紹介します。実際に作成されたサンプルファイルも公開していますので、参考にしてください。https://wentz-design.com/post/figma-simple-bar-chart-plugin/44d930b9-d839-5d85-a56d-9d7a17810ae5Fri, 07 Apr 2023 00:00:00 GMT今回は、FigmaとFigJamで任意の値を入力して、目盛り付きの棒グラフを生成できるプラグイン「シンプルな棒グラフの生成」の紹介です。スライド資料用のグラフや、ウェブサイトに掲載する簡単な棒グラフが手っ取り早く欲しい時などに便利です。https://wentz-design.com/post/figma-little-big-updates-2023-03/7a9388a4-8e44-5479-ba50-98959cddf7cbFri, 31 Mar 2023 00:00:00 GMT今回は、2023年3月29日にFigmaから公開された「Little Big Updates」で紹介された32の機能について、公式ツイートやリリースノートからかいつまんで解説します。https://wentz-design.com/post/figjam-how-to-edit-table-and-csv/87897489-ca04-55f2-8a69-66d2b14e4fc1Fri, 24 Mar 2023 00:00:00 GMT今回は、FigJamで値を表形式で入力できるテーブル（CSV）を追加・編集する機能を紹介します。テーブルからCSVに変換したり、CSVをテーブルとして取り込むことができ、モデル設計などで値を分類したり、概念モデルのプロパティを表現する際などに役立ちます。https://wentz-design.com/post/figma-integration-tips/17a441ca-dbc6-5c8f-bc7d-e67ff5422528Fri, 17 Mar 2023 00:00:00 GMT今回は、Norion・Googleカレンダー・Jiraといった、Figma・FigJamと連携すると便利な外部ツールの使い方をいくつか紹介します。いずれも基本的に無料で使える連携方法を紹介していますので、目的に合わせて試してみてください。https://wentz-design.com/post/small-start-design-system/51cada0b-e83b-5815-a2be-53dbdef0fb92Fri, 10 Mar 2023 00:00:00 GMT今回は、うえんつ（@wentz_design）が本業で取り組んでいるデザインシステムに関する活動の紹介です。「SmartHR Design System」の運営メンバーとの共著で「ちいさくはじめるデザインシステム」という書籍の執筆に参加し、2023年3月15日に発売されます。https://wentz-design.com/post/figma-simple-pi-chart-plugin/16510303-9ed4-52f3-a2d2-f248b853ab22Fri, 03 Mar 2023 00:00:00 GMT今回は、FigmaとFigJamで任意の値を入力して、パーセント表示付きの凡例と円グラフを生成できるプラグイン「シンプルな円グラフの生成」の紹介です。スライド資料用のグラフや、ウェブサイトに掲載する簡単な円グラフが手っ取り早く欲しい時などに便利です。https://wentz-design.com/post/figma-how-to-insert-icons-into-text/378ae8fc-06e6-5d74-b6a5-a231bac2602bFri, 24 Feb 2023 00:00:00 GMT今回は、Figmaのテキスト・オブジェクト内で「Font Awesome 6 Free」のアイコンを挿入する方法を紹介します。画面のリード文のテキストリンクなどにアイコンを添付したい場合などに利用でき、フォントと同じようにスタイルを適用できます。https://wentz-design.com/post/figma-how-to-use-auto-layout/9898ac5c-0f58-5188-b695-ce737d966fc4Fri, 17 Feb 2023 00:00:00 GMT今回は、Figmaを代表する機能のひとつである「オートレイアウト（Auto layout）」の基本的な使い方を、シンプルな画面レイアウトを実際に作りながら紹介します。また、この記事内で作成した画面レイアウトのサンプルファイルを公開・配布していますので、自由にご利用ください。https://wentz-design.com/post/figma-noisy-gradients-plugin/a3e03b13-b1e4-5305-a3c5-b4f3e14790d8Fri, 10 Feb 2023 00:00:00 GMT今回は、Figmaで簡単にメッシュ・グラデーションをランダム生成できるプラグイン「Noisy Gradients」の紹介です。ワンクリックで複数色が混ざったグラデーションが自動生成され、かすれたようなノイズ・エフェクトの追加もでき、PNG・SVG形式で出力できます。https://wentz-design.com/post/notion-import-content-iframe/1db04ea2-e896-5280-9d6f-cb6d2ecf5957Fri, 03 Feb 2023 00:00:00 GMT今回は、Notionのページ上にYoutubeやGoogleカレンダーなど、外部サービスの埋め込みコードを表示する方法を紹介します。Notionのページ上でYoutubeの動画を再生したり、GoogleカレンダーやFigmaのデザインなどのプレビューを表示する際に便利です。https://wentz-design.com/post/figma-delete-component-and-variants/180fd3a5-972a-589d-b17f-0f4b931e07a9Fri, 27 Jan 2023 00:00:00 GMTこの記事では、Figmaファイルで作成されたオブジェクトのコンポーネント状態やヴァリアントなどを解除・削除する方法を紹介します。不要になったコンポーネントを処分したり、間違えてコンポーネント化してしまった場合などに参考にしてください。https://wentz-design.com/post/figma-icons8-background-remover-plugin/75f371f2-17ee-5c79-b19e-805cbfd3889aFri, 20 Jan 2023 00:00:00 GMT今回は、複数の画像の背景を透過する処理を一括で実行できるプラグイン「Icons8 Background Remover」の紹介です。JPEGなどの画像からアイコンを透過させたり、複数のプロフィール写真から被写体を切り抜くなどの作業を効率化できます。https://wentz-design.com/post/figma-insert-big-image-plugin/73bf886f-f2ae-55b7-b90f-f11faf7d3866Fri, 13 Jan 2023 00:00:00 GMT今回は、Figma/FigJamで縦横いずれかの幅が4096pxより大きい画像を、サイズや解像度を維持したまま取り込むことができるプラグイン「Insert Big Image」の使い方の紹介です。Webブラウザの全ページのキャプチャや、高解像度の画像を分割せずに取り込みできます。https://wentz-design.com/post/notion-figma-figjam-integration/d94c1cb2-a99a-5c2a-9f14-2699fd65eef7Fri, 06 Jan 2023 00:00:00 GMT今回は、NotionにFigma/FigJamを連携する方法を紹介します。連携することで、Notionのページ内にFigma/FigJamのファイルをプレビューしたり、iframeの埋め込みが表示できるようになります。https://wentz-design.com/post/2022-top-10-articles/595aad8e-5cf8-5b78-ae67-8e096a79ae81Fri, 30 Dec 2022 00:00:00 GMTwentz-design.comで2022年にもっとも読まれた記事をランキング形式で発表します。 https://wentz-design.com/post/mac-ios-freeform-freeboard-app/e0fd4140-6430-5a4d-bbbb-d05fdaa9344cFri, 23 Dec 2022 00:00:00 GMT今回は、Appleが公式で提供しているフリーフォームのホワイトボードのようなアプリ「フリーボード」の使い方の紹介です。家族や友達などのグループで、オンライン上のボード上で付箋や画像を貼りあったり、掲示板のように情報共有できます。https://wentz-design.com/post/figma-google-calender-addon/ebe34c82-350c-5edd-ba50-4369eb71d8c7Fri, 16 Dec 2022 00:00:00 GMT今回はFigmaやFigJamのファイルをGoogleカレンダーのイベントスケジュールに簡単にリンクできるchrome拡張「Figma」の使い方を紹介します。FigmaやFigJamを利用する会議のスケジュールを作成したい場合などに便利です。https://wentz-design.com/post/figma-notioin-efficiency-of-meeting-minutes/01053fc1-2bd2-5229-8c1c-63d946295ddbFri, 09 Dec 2022 00:00:00 GMT今回は、チームでのデザイン業務を円滑にするためにFigmaとNotionを活用して効率的な議事録によって円滑な合意形成をサポートするためのテクニックを紹介したいと思います。https://wentz-design.com/post/figma-how-to-emmbed-preview-at-external-site/729211e0-5839-52d2-aea7-35591d2ff901Fri, 02 Dec 2022 00:00:00 GMT今回はFigmaのデザインデータのプレビューを外部ツール上で表示する方法の紹介です。デザインデータをチームやクライアントに共有する際に、タスク管理ツール上で直接プレビューを表示させることで、チケットを見分けたり、スコープを明確化するのに役立ちます。https://wentz-design.com/post/notion-how-to-automatically-generate-recurring-notes/5e0a0ba7-a1cb-537a-af3f-c051cbb510e9Fri, 25 Nov 2022 00:00:00 GMT今回は、NotionでTodoや議事録といった定期的に作成・記録するドキュメントを、繰り返し自動生成する方法を紹介します。デイリーミーティングの議事録から、毎週行うプライベートタスクのチェックリストの作成におすすめです。https://wentz-design.com/post/ summary-of-schema-by-figma-2022/0c780f8c-4635-5de9-bd36-be19b70123f8Fri, 18 Nov 2022 00:00:00 GMT本記事は、Schema by Figma 2022に登壇に関連した資料や個人的な振り返りなどをまとめたスクラップ記事です。https://wentz-design.com/post/figma-how-to-create-objective-model/76dca3ed-40e8-5a2a-94e9-be192a7518c2Fri, 11 Nov 2022 00:00:00 GMT今回は、FigmaやFigJamでオブジェクトモデル（概念モデル）やクラス図を表現する方法を紹介します。データモデルを設計したい場合や、既存の画面からデータモデルをリバースモデリングしたい場合に役立ちます。https://wentz-design.com/post/report-of-schema-by-figma-2022/1bc5bcc9-4431-51c3-a7e4-8b7ce4e46068Fri, 04 Nov 2022 00:00:00 GMT今回は11/2（水）の「Schema by Figma 2022」に登壇したときのことについて、出来事を淡々と記録しておいて後で思い出すための個人的な備忘録です。https://wentz-design.com/post/figma-pitchdeck-presentation-studio-plugin/0563c3b8-5ad9-5579-ad03-af61b06c6866Fri, 28 Oct 2022 00:00:00 GMT今回は、Figmaでプレゼンテーション用に作成したスライドをkeynoteやpowerpoint形式（pptx）やPDFなどの形式で出力できるプラグイン「Pitchdeck Presentation Studio」の使い方を簡単に紹介します。https://wentz-design.com/post/figma-simple-components-series-202210/e54e6dd4-c98d-51a0-ae17-a9c1ad49d2dfSat, 22 Oct 2022 00:00:00 GMT平素よりwentz-design.comをご愛顧いただきまして、誠にありがとうございます。今回は、当サイトで紹介した「シンプルなコンポーネント」シリーズが今までダウンロードされた回数順に紹介したいと思います。https://wentz-design.com/post/schema-by-figma-2022/62ba6f29-44e9-510e-ad95-0985f13fb534Fri, 14 Oct 2022 00:00:00 GMT今回は「Schema by Figma 2022」というイベントで、当サイトを運営している@wentz_designが登壇させていただくことになりましたので、その告知です。https://wentz-design.com/post/figma-text-find-and-replace-in-file/b816ccdc-a24e-5bba-92fc-045fe137ad0cFri, 07 Oct 2022 00:00:00 GMT今回はFigmaのファイル内のオブジェクト名やコンテンツ内のテキストを検索・置換する方法を紹介します。ファイル内で特定の文言を一括で置き換えたい場合や、UIコンポーネントをテキスト検索で引き当てたいときに便利です。https://wentz-design.com/post/figma-plugin-text2image/fd8f7ca9-a9a1-5905-8c7b-8e6621e5260cFri, 30 Sep 2022 00:00:00 GMT今回は、巷で話題のテキストから画像生成を生成するAIをFigma上で使えるプラグイン「Text2Image」を紹介します。画像生成AIを試してみたい、手ごろなカンプデータがない時などに数秒で画像が生成されるので遊んでみてはどうでしょうか。https://wentz-design.com/post/figma-nested-instance-property-setting/53593ea3-239b-58d6-9a34-1d424215b27eFri, 23 Sep 2022 00:00:00 GMT今回は、子インスタンスを内包（ネスト）した親コンポーネントを作成する際に、親のインスタンス内で子のプロパティを効率的に設定する方法を紹介します。テキストの説明だけだとやや難解なので、記事内の動画もあわせて参考にしてください。https://wentz-design.com/post/figma-useful-settings/0a79e393-a12c-53a4-82df-70b9e0bbbd7cFri, 16 Sep 2022 00:00:00 GMT今回はFigmaやFigJamを使い始めた方が、もっと使いやすくなるかもしれない設定や機能のヒントをまとめました。非デザイナーの方で共有されたデザインを閲覧したり、タスクをスムーズに完了するのに役立てられればと思います。https://wentz-design.com/post/figma-figjam-how-to-save-local-file/26a4ae48-63eb-5dc0-9599-4ead73f98f87Fri, 09 Sep 2022 00:00:00 GMT今回はFigma・FigJamで作成したファイルをローカルデータとしてPCに書き出し・保存する方法を紹介します。バックアップとして保持したい場合や、のっぴきならない事情でデータとして共有したい場合などに役立ちます。https://wentz-design.com/post/figma-table-cell-animation-prototype/68e99fe2-aafb-5480-a3f6-53966dfdbe35Sat, 03 Sep 2022 00:00:00 GMT今回はFigmaのプロトタイプ（Prototype）機能を利用して、テーブルのセルをマウスオーバーやクリックした際に枠線の色が変わったり背景色が変わるアニメーションを適用したサンプルファイルの紹介です。https://wentz-design.com/post/figjam-make-works-fun-tips/0e9c191d-88bf-5dc1-be33-60912b5fdb06Sat, 27 Aug 2022 00:00:00 GMT今回はFigJamを使ったディスカッションやワークショップを盛り上げる、ちょっとしたツールやテクニックをまとめて紹介します。それぞれ詳しく紹介した記事も併せて紹介していますので、参考にしてみてください。https://wentz-design.com/post/figjam-stamp-sticker-emoji/333bd363-6104-5647-872c-48daa8e19721Fri, 19 Aug 2022 00:00:00 GMT今回はFigJamで絵文字やスタンプによるを使う方法を紹介します。オンラインワークのセッションでブレインストーミングをしたりアイデアを発散する際に、絵文字やスタンプによるインタラクションがあると、より盛り上がるのでおすすめです。https://wentz-design.com/post/figjam-how-to-use-washi-tape-tool/c29e53ea-d0b0-5554-80eb-2b14e98f4390Fri, 12 Aug 2022 00:00:00 GMT今回はFigJamでマスキングテープ（和紙テープ）ツールを使ってボードをデコレーションする方法を紹介します。この機能は実は2022年のエイプリルフールで公開された限定機能でしたが、基本機能として利用できるようになったものです。https://wentz-design.com/post/figma-figjam-how-to-setting-language-japanese/aa2a4781-ff2e-59e7-aa22-f550c799e761Fri, 05 Aug 2022 00:00:00 GMT今回はFigma・FigJamで言語設定を英語から日本語に変更する方法を紹介します。2022年7月のアップデートで言語設定は英語と日本語に対応しています。2022年7月現在は表記ゆれが多く日本語翻訳が完璧とはいえないですが、英語表記に抵抗がある方におすすめです。https://wentz-design.com/post/figma-how-to-design-ui-components/3280b5d1-0b43-554d-9266-e2309fe3d0b5Fri, 29 Jul 2022 00:00:00 GMT今回はFigmaで汎用的なUIコンポーネントを作る方法をいくつか紹介します。この記事の方法では、プラグインなどは利用せずにFigmaの基本機能のみで作成できます。実際のサンプルデータもあわせて用意しているので、参考にしてみてください。https://wentz-design.com/post/figJam-how-to-export/85aa6656-da8d-5a34-adea-1b43841ea5b3Fri, 22 Jul 2022 00:00:00 GMT今回はFigJamで書き出した大量の付箋やフローチャートをまとめて書き出す方法を紹介します。対応しているのは、PNG・JPGといった画像形式、PDF形式、CSV形式（付箋のみ）で、ワークショップの実施記録やアイデアのドキュメント化に役立ちます。https://wentz-design.com/post/figma-figjam-collaboration-tips/fc9dedd2-0c8e-5300-9151-89eef4f41bc2Fri, 15 Jul 2022 00:00:00 GMTFigmaやFigJamは複数人でのオンライン共同作業に特化したツールです。本記事では、FigmaやFigJam上で複数人で円滑にコラボレーションするための方法や便利なTipsをまとめた記事を一覧形式で紹介します。https://wentz-design.com/post/figma-set-small-and-big-nudge-values/54734388-deea-5a20-a431-c6ad0eeb564dFri, 08 Jul 2022 00:00:00 GMT今回はFigmaでオブジェクトをカーソル移動するときや、Auto layout使用時にPaddingに設定される値（10px）などの初期値を変更する方法を紹介します。デザインシステムなどを利用していて4や8の倍数を基準にしたい場合などにおすすめです。https://wentz-design.com/post/figma-how-to-use-widget/4f78eafd-0b24-5a44-b746-55865fa56c82Fri, 01 Jul 2022 00:00:00 GMT今回はFigmaで新しく使えるようになったウィジェット機能について解説します。ウィジェットは元々FigJamで先行利用できていた機能で、プラグインとは異なり複数名でコラボレーションする際に複数名同時に活用できるツールとなっています。https://wentz-design.com/post/figma-how-to-set-as-thumbnail/81c3fa7a-5617-5c4f-9b33-83d32225722dFri, 24 Jun 2022 00:00:00 GMT今回はFigmaやFigJamのカードビューのファイル一覧で表示されるサムネイルを設定する方法を紹介します。デフォルトではファイル内の描画領域がプレビュー表示されますが、統一したフォーマットでサムネイル設定することで目的のファイルを見つけやすくなるのでおすすめです。https://wentz-design.com/post/figma-how-to-save-local-file/d5c34fd5-60d8-5acd-af32-fc9152ea2bcbFri, 17 Jun 2022 00:00:00 GMTFigmaのファイルをローカルファイルとして書き出し・保存する方法を紹介します。保存したFigmaファイル（.fig）はFigmaにインポートできます。 また、ローカルのsketchファイル（.sketch）も同じ方法で取り込みが可能です。https://wentz-design.com/post/figma-how-to-use-flip-horizontal-and-vertical/a6c15128-08c4-5752-83b5-923e5a87588cFri, 10 Jun 2022 00:00:00 GMTFigmaで図形や画像、テキストなどのオブジェクトを上下左右に反転する方法を紹介します。プラグインなどをインストールしなくても基本機能として利用できます。https://wentz-design.com/post/figma-how-to-use-local-fonts/7d1e1b5d-ca1b-5c17-9437-1330fc6cc375Fri, 03 Jun 2022 00:00:00 GMTFigmaでWindowsやMacなどのPCにインストールされているローカルフォントを利用したい場合の対応方法の紹介です。他者から共有されたFigmaファイルを開いたときに、ローカルフォントがインストールされているのにFigma上で認識されない場合にも有効な方法です。https://wentz-design.com/post/figma-partially-apply-border/9419b764-bdde-5878-842a-242409c98ba6Fri, 27 May 2022 00:00:00 GMT今回は、Figmaで四角形のオブジェクトの4辺の枠線（Stroke）を1辺だけ、2辺だけといったように部分的に適用する方法を紹介します。テーブルやリストといった罫線を表現する際に左右のどちらかだけ、または上下につけるといった部分的な表現が可能になります。https://wentz-design.com/post/figma-component-properties-vs-variants/0fbe8f1c-d643-5443-96ad-1ac43d456ee6Fri, 20 May 2022 00:00:00 GMT今回は2022年5月11日に公開されたFigmaの新機能「Component properties」の使い方を検証しつつ、類似する既存機能「Variants」との使い分けについて考察してみます。自由研究形式で追記しながら記事を更新しています。https://wentz-design.com/post/figma-tokyo-config-watch-party-2022/847387d3-80d5-5592-a112-a5086392d414Fri, 13 May 2022 00:00:00 GMT2022年5月11日（水）に東京で開催されたFigma主催の「Tokyo Config Watch Party」に視聴参加した際のイベントレポートです。https://wentz-design.com/post/figma-how-to-use-scale/07762081-7721-5720-80bc-afc43005e8a9Fri, 06 May 2022 00:00:00 GMTFigmaでボタンやバナーなどのテキストを含むグループ・またはフレームといったオブジェクトを、フォントサイズ含めてレイアウトごと拡大・縮小する方法の紹介です。https://wentz-design.com/post/figma-how-to-use-color-styles/12142b47-9a53-5ec3-b47b-c8ca74de6c8fFri, 29 Apr 2022 00:00:00 GMT今回はFigmaで独自のカラーパレットを設定できる機能「Color Styles」の使い方を紹介します。Color Styles に色を設定すると、デザインシステムなどで定義した色を変数的に利用できるようになり、色を調整する際に指定した箇所が一括で適用されるので便利です。https://wentz-design.com/post/figma-clean-document-plugin/4c77caf9-51e8-55d5-ba90-46696abd7e13Fri, 22 Apr 2022 00:00:00 GMT今回は、Figmaでデザインモックなどを無計画に作った結果とっ散らかってしまったレイヤーを、一瞬できれいに整理・整頓してくれるプラグイン「Clean Document」を紹介します。無駄なグルーピングやラベルと内容が一致していないテキストなどを一括で整理できます。https://wentz-design.com/post/figma-toggle-switch-with-slide-animation-prototype/c6e7d2e9-35e5-547c-b95f-354fd806005dFri, 15 Apr 2022 00:00:00 GMT今回はFigmaのプロトタイプ（Prototype）機能を利用して、スイッチをクリックするとスライドしながら背景色が変わるアニメーションを適用したサンプルファイルの紹介です。https://wentz-design.com/post/figjam-how-to-use-section/62a5eea6-5d4a-5052-8284-8721f174fc62Fri, 08 Apr 2022 00:00:00 GMT今回はFigJamで付箋など様々なオブジェクトをグルーピングできる「Section」機能の使い方を紹介します。miroで言うところの「Frame」と同じような使い方ができ、グループしなくてもまとまりで扱いやすくなります。https://wentz-design.com/post/figma-notification-in-slack-channel/8599640e-f2f5-5ec3-a0e7-4b9b66c56655Fri, 01 Apr 2022 00:00:00 GMT今回は、Slackの指定したチャンネルにFigmaのコメントを通知する方法を紹介します。なお、今回紹介する方法はFigmaのOrganizationプランで契約している必要がありますので、ご注意ください。https://wentz-design.com/post/figma-how-to-create-tooltip/2f58dd0f-c6f7-55d7-8856-308dd62f86f8Fri, 25 Mar 2022 00:00:00 GMT今回は、Figmaでシンプルなツールチップ・コンポーネントを作る方法を紹介します。吹き出し形式のツールチップを、「Component」と「Variants」と「Auto layout」を使って作成します。自由に使えるサンプルファイルも用意していますので、よかったらご活用ください。https://wentz-design.com/post/figma-funny-images-tips/35a0b7d0-52bb-59a8-8827-ff86715cf927Fri, 18 Mar 2022 00:00:00 GMTこれまでFigmaの使い方やTipsを解説した記事をもとに、ネタ画像を作るのに使えそうな記事を紹介します。https://wentz-design.com/post/figma-button-with-fill-animation-prototype/4dc9367f-4e5e-5765-82d5-71bdce72774aFri, 11 Mar 2022 00:00:00 GMT今回はFigmaのプロトタイプ（Prototype）機能を利用して、ボタンをマウスオーバーやクリックした際に塗りが円形に広がるようなアニメーションを適用したサンプルファイルの紹介です。https://wentz-design.com/post/figma-how-to-create-side-menu/3c9f5873-9725-508d-a8d6-a96826a5dfa7Fri, 04 Mar 2022 00:00:00 GMT今回は、Figmaでシンプルなサイドメニュー・コンポーネントを作る方法を紹介します。一般的なサイドメニューを「Component」や「Auto layout」を使って作成します。自由に使えるサンプルファイルも用意していますので、よければご活用ください。https://wentz-design.com/post/figma-outline-to-single-stroke-plugin/a2dbca5a-7720-5956-abef-31053759def8Fri, 25 Feb 2022 00:00:00 GMT今回は、Figmaでアウトライン化したパスを元の太さの枠線（Stroke）スタイルに変換・復元することができるプラグイン「Outline to Single Stroke」を紹介します。線画のアイコンやイラストをアウトライン化して、元データを復元できない場合などに利用できます。https://wentz-design.com/post/figma-how-to-use-comment/e2270486-f973-5f79-b88c-3a931e2bad42Fri, 18 Feb 2022 00:00:00 GMTFigmaでファイル内にコメントを残す方法を紹介します。マルチユーザーでファイルを共同編集している場合、非同期でデザインに対する指摘や指示をコメント形式で残すことができ、コメントには返信できるので便利です。https://wentz-design.com/post/figma-path-and-curve-tips/4dc859eb-fbad-5369-b20d-76dd9e32cf75Fri, 11 Feb 2022 00:00:00 GMT今回はFigmaで直線や曲線のパスを使用するときにおすすめの方法を目的別に紹介します。Figmaの基本機能でできることから無料のプラグインを使用する方法など、当サイトでも人気の解説記事をまとめましたので、参考にしてみてください。https://wentz-design.com/post/figma-how-to-create-radio-button/a906a6cf-1a0e-585d-9bc4-a3d6975c0755Fri, 04 Feb 2022 00:00:00 GMT今回は、Figmaでシンプルなラジオボタン・コンポーネントを作る方法を紹介します。一般的なラジオボタンを「Component」や「Auto layout」を使って作成します。自由に使えるサンプルファイルも用意していますので、よければご活用ください。https://wentz-design.com/post/figjam-beginners-tips/3eeb0b29-bb7c-5b1c-804e-7df8402455afFri, 28 Jan 2022 00:00:00 GMT今回はFigJamの基本的な機能や便利な使い方を目的別に紹介します。FigJamの基本機能でできることから無料のプラグインを使用する方法など、当サイトでも人気の解説記事をまとめましたので、参考にしてみてください。https://wentz-design.com/post/figma-how-to-create-checkbox/e450d783-f6a3-57b5-a58f-18e83a7fb347Fri, 21 Jan 2022 00:00:00 GMT今回は、Figmaでシンプルなチェックボックス・コンポーネントを作る方法を紹介します。一般的なチェックボックスを「Component」や「Auto layout」を使って作成します。自由に使えるサンプルファイルも用意していますので、よければご活用ください。https://wentz-design.com/post/figma-ruler-and-grid-view-tips/b43a0ffe-aca3-5e94-95d8-b2afe63d5a2aFri, 14 Jan 2022 00:00:00 GMT今回はFigmaでルーラー（定規）やグリッド（升目）を表示・非表示したり、アウトライン表示などの見た目を切り替える方法を紹介します。ガイドを作成したい場合や、誤ってショートカットキーを押してしまって元に戻したい時などの参考になればと思います。https://wentz-design.com/post/figma-font-viewer-plugin/1a109526-6ef4-5515-be24-6c235c5fb6faFri, 07 Jan 2022 00:00:00 GMT今回はFigmaでテキスト入力するときに、フォントのプレビューを表示しながら選択できるプラグイン「Font Viewer」を紹介します。バナーやアイキャッチ用などのコピーを考えるときにどのフォントにするかをプレビューの一覧を見ながら確認できるのでおすすめです。https://wentz-design.com/post/2021-top-10-articles/4a104d05-2856-5c9a-a85d-ae354aa563b1Fri, 31 Dec 2021 00:00:00 GMT2021年にwentz-design.comでもっとも読まれた記事をランキング形式で発表します。 年間を通してほぼFigmaの記事しか書いていないので、実質的にFigma記事のランキングとなっています。 どんな記事が人気だったのでしょうか？早速みてみましょう。https://wentz-design.com/post/figjam-create-sticky-from-text-plugin/a16919e1-80d5-5bc4-9941-a27384a519c1Fri, 24 Dec 2021 00:00:00 GMT今回はFigJamで付箋を効率的に作成するプラグイン「Create Sticky From Text」の紹介です。グループワークやディスカッションでテキストエディタなどで溜めた箇条書きのテキストを一括で付箋に書き出すことができるので、事前準備や作業効率化に役立ちます。https://wentz-design.com/post/figma-how-to-use-component/69c64f22-668b-5c83-9961-f07068fd0590Fri, 17 Dec 2021 00:00:00 GMT今回は、Figmaの最も基本的な機能の一つであるコンポーネント（Component）の使い方を解説します。コンポーネントの使い方を知っているのといないのとでは、デザイン作業の効率が数十〜数百倍変わってくるほど非常に重要な機能です。https://wentz-design.com/post/figma-plugins-for-image-processing/a0aed213-c8b5-5025-a67d-2c5e61db65cdFri, 10 Dec 2021 00:00:00 GMT今回はFigmaで写真や画像を加工するときにおすすめの方法を目的別に紹介します。Figmaの基本機能でできることから無料のプラグインを使用する方法など、当サイトでも人気の解説記事をまとめましたので、参考にしてみてください。https://wentz-design.com/post/figma-confetti-plugin/3d8eff6d-2b4b-5fa8-80b3-ea309bd9dae2Fri, 03 Dec 2021 00:00:00 GMT今回は、Figmaで紙吹雪（パーティクル）を生成してレイヤー全体にまんべんなく均等に散らすことができるプラグイン「Confetti」を紹介します。お祝いやクリスマスのイルミネーション、桜吹雪など季節物の背景表現の幅が広げられるので、ぜひ試してみてください。https://wentz-design.com/post/figma-how-to-export-webp/91bb3b92-5b53-5ab5-bb99-5b5a2a428bfbFri, 26 Nov 2021 00:00:00 GMT今回はFigmaで画像をエクスポート（画像出力）する際に、ファイル形式をwebp形式を指定できるプラグイン「Olive Press」を紹介します。webpの他に、PNG・JPG・SVGでの出力に対応し、圧縮率も1~100%で指定できるのでファイルサイズを調整したい時に便利です。https://wentz-design.com/post/figma-how-to-create-form/04267340-bafd-52f9-beb1-2001d8569234Fri, 19 Nov 2021 00:00:00 GMT今回は、Figmaでテキスト入力のシンプルなフォーム・コンポーネントを作る方法を紹介します。一般的なサービスでよくみるフォームを「Component」や「Auto layout」を使って作成します。自由に使えるサンプルファイルも用意していますので、よければご活用ください。https://wentz-design.com/post/figma-brandfetch-plugin/3186b18c-3d54-5525-b37c-59badd664074Fri, 12 Nov 2021 00:00:00 GMT今回は Figma で企業やサービスのブランド・アセットを検索できるプラグイン「Brandfetch」を紹介します。カンプデータとしてサービスロゴを探したい場合にすぐに画像やSVGデータとしてインポートできるので便利です。https://wentz-design.com/post/figma-filter-plugin/243cb33d-69a2-599c-8d12-14b3e8a3d775Fri, 05 Nov 2021 00:00:00 GMT今回は、Figma で Photoshop のような多様なエフェクト（写真効果）を利用できるプラグイン「Filter」を紹介します。セピアやモノクロといったオーソドックスなものや、ズーム風のぼかしやドットスクリーンといったリッチなエフェクトも利用できるのでおすすめです。https://wentz-design.com/post/figma-how-to-create-header/65d7da74-d51b-59c8-b4b8-be2782a8b90fFri, 29 Oct 2021 00:00:00 GMT今回は、Figmaでシンプルなヘッダー・コンポーネントを作る方法を紹介します。一般的なサービスでよくみるシンプルなヘッダーを「Component」や「Auto layout」を使って作成します。自由に使えるサンプルファイルも用意していますので、よければご活用ください。https://wentz-design.com/post/figjam-widgets-collection/8a81bdea-f9f1-5ff7-8e0d-15972777a379Fri, 22 Oct 2021 00:00:00 GMT今回は、FigJamで2021年10月19日にアップデートで公開された新機能のウィジェットについて紹介します。ウィジェットは、ToDOリストのような機能をコンポーネントとして呼び出せるツールで、ディスカッションやブレインストーミングに役立ちます。https://wentz-design.com/post/figma-how-to-create-tab/b0a55991-7a6e-581f-b831-0f6811dc6a5dFri, 15 Oct 2021 00:00:00 GMT今回は、Figmaでシンプルなタブ・コンポーネントを作る方法を紹介します。テキスト長に合わせて伸縮するタブを、「Component」と「Variants」と「Auto layout」を使って作成します。また、自由に使えるサンプルファイルも用意していますので、ご活用ください。https://wentz-design.com/post/figma-pixels-plugin/cb29f870-493f-53bb-98b3-8979634be348Fri, 08 Oct 2021 00:00:00 GMT今回は画像をモザイク化し、ピクセルドットを個別に分解したベクターデータに変換できるプラグイン「Pixels」を紹介します。画像を8bitドットアート風に変換したり、プライバシーに配慮したような画像を作成でき、どんな画像でも簡単にモザイク加工できるので、ぜひ試してみてください。https://wentz-design.com/post/figma-contrast-plugin/96accf5e-5eb9-5e2c-9733-9fa570e67b37Fri, 01 Oct 2021 00:00:00 GMT今回は、Figmaで文字や背景色などのコントラスト比を簡単に調べられるプラグイン「Contrast」を紹介します。コントラスト比は、広告バナーやWebページで背景色に対して読みやすい文字色を選択したり、アクセシビリティ観点から誰でも読みやすいデザインを作る上で非常に重要です。https://wentz-design.com/post/figma-how-to-use-icons/cfb83699-ea17-5bb9-a6bd-f4b3ce8b4817Fri, 24 Sep 2021 00:00:00 GMT今回はFigmaで無料のアイコン素材集を利用する方法を紹介します。今回紹介するものはすべてFigma上で公開されているものなります（利用条件はライセンスによる）。アプリケーションのUIやWebページの装飾など様々なシーンで幅広く活用できますので、ぜひチェックしてみてください。https://wentz-design.com/post/figma-how-to-create-button/e1b09c8b-7d3c-59eb-ba4b-b381462f4dbbFri, 17 Sep 2021 00:00:00 GMT今回は、Figmaでシンプルなボタン・コンポーネントを作る方法を紹介します。テキストのシンプルなボタンを、「Component」と「Variants」と「Auto layout」を使って丁寧に作成します。また、自由に使えるサンプルファイルも用意していますので、ご活用ください。https://wentz-design.com/post/figma-skewdat-plugin/40d7926b-83aa-563d-b859-6a791c74e509Fri, 10 Sep 2021 00:00:00 GMT今回は、Figmaで簡単にテキストや図形オブジェクトを斜め方向に変形させることができるプラグイン「SkewDat」を紹介します。オブジェクトを斜め方向に変形させることで、奥行きを出したり躍動感を表現できます。https://wentz-design.com/post/figma-how-to-create-table/ea577499-3ccd-5744-928b-02155be7cfcfFri, 03 Sep 2021 00:00:00 GMT今回は、Figmaでシンプルなテーブル（表）を作る方法を紹介します。ヘッダーと罫線だけのシンプルな表を、「Component」と「Auto Layout」を使って丁寧に作成します。また、自由に使えるサンプルファイルも用意していますので、よかったらご活用ください。https://wentz-design.com/post/figma-connect-with-arrows/268b2f49-e411-5651-9534-3a4874c0785bFri, 27 Aug 2021 00:00:00 GMT今回は、Figmaで図形やフレームを追従する矢印でつないで、簡単にフローチャートや画面遷移図をつくる方法を紹介します。サイトマップ作成やアプリケーションのUXを検討する際に、画面同士を矢印で繋ぐことで動線を検討したり、概念モデルを整理するのに役立ちます。https://wentz-design.com/post/figma-morph-plugin/405cbfd0-9e65-507a-8f1e-c632e8ac2068Fri, 20 Aug 2021 00:00:00 GMT今回は、Figmaで簡単にハイクオリティなエフェクトを適用できるプラグイン「Morph」の紹介です。サムネイルのような様々な種類のエフェクトが、たった一つのプラグインで再現できるので、ちょっとした素材を作るのに大変便利ですのでおすすめです。https://wentz-design.com/post/figma-how-to-mask/a650bee5-b8b0-55bb-90c6-f4b7ce10a3f8Fri, 13 Aug 2021 00:00:00 GMT今回はFigmaでマスクを適用・解除する方法を解説します。Figmaのマスクは、Adobe Illustratorのクリッピングマスクのように、画像やベクターデータを組み合わせたオブジェクトをマスクで任意の形に切り抜くことができる機能になります。https://wentz-design.com/post/figma-to-path-plugin/63dd4c1b-49ef-5e61-bccd-68a6552e565bFri, 06 Aug 2021 00:00:00 GMT今回はFigmaで曲線パスに沿って文字やシェイプ（パーティクル）を配置させる方法を紹介します。Figmaの標準の機能では手作業で一つずつ配置する必要があるので、「To Path」というプラグインを使用します。https://wentz-design.com/post/figjam-team-building-workshop-template/4b8e7d9d-e1f4-5e59-9430-ebfbde7d84e3Fri, 30 Jul 2021 00:00:00 GMTオンラインホワイトボードツール「FigJam」を使って、今すぐできるワークショップのコンテンツを紹介します。FigJamを使えば、チームビルディングや振り返りなど、複数のメンバーで集まって発散と収束を付箋で貼るような作業も、場所を選ばずに実施することができます。https://wentz-design.com/post/figma-how-to-use-corner-radius/3e94326a-9e1d-52d6-a050-51ec3b811744Fri, 23 Jul 2021 00:00:00 GMT今回は、Figmaでシェイプやパスに角丸を適用するテクニックを紹介します。シェイプに角丸を適用することで、丸っこいUIやグラフィックを実現できるため、柔らかさ・滑らかさを演出することに役立ちます。https://wentz-design.com/post/figma-slackbot-app/8b15eede-a059-5135-bfae-09e0e73efe39Fri, 16 Jul 2021 00:00:00 GMT今回はFigma上でコメントされた際に、slackやメールで通知を受け取る方法について紹介します。業務コミュニケーションでslackを利用している方は、デザインの確認やレビューの際に、マネージャーや実装者からの指摘や確認に素早く気づけるようになるためおすすめです。https://wentz-design.com/post/figma-how-to-use-dropshadow/906e3b8c-bf7c-5151-875d-59fdb87c79c5Fri, 09 Jul 2021 00:00:00 GMT今回はFigmaで図形オブジェクトやパスに影（ドロップシャドウ、インナーシャドウ）をつける方法を紹介します。WebページのUIを作る上でマウスオーバー（hover）した時のボタンに影をつけたり、グラフィック上の効果をつけたいときによく使う方法になります。https://wentz-design.com/post/figma-how-to-use-plugins/d71f6d2c-b816-5a94-a7a3-de9b91da257cFri, 02 Jul 2021 00:00:00 GMT今回はFigmaでプラグインをインストールする方法と使い方を解説します。あわせて、当サイトで紹介している便利なプラグインと使い方を解説したプラグイン集もまとめていますので、参考にしてみてください。https://wentz-design.com/post/figma-how-to-use-blur-effect/38dd9bb2-7aa6-5586-b819-9999a3229d8eFri, 25 Jun 2021 00:00:00 GMT今回は、Figmaでオブジェクトや画像をぼかす「Layer blur」機能を使って、グラフィック作成に活用できる便利なテクニックをいくつかご紹介します。プラグインと組み合わせると、Photoshopを使ったような高度なグラフィックも制作できますので、覚えておいて損はないです。https://wentz-design.com/post/figma-how-to-create-pie-chart/89e24eb1-8865-59a2-845e-9ab3a71703a3Fri, 18 Jun 2021 00:00:00 GMT今回はFigmaで細身の円グラフ・棒グラフを簡単に作成する方法を紹介します。慣れれば１分で作成でき、パターンを用意しておけばいつでも必要な時にサッと書き出せるようになるのでおすすめです。https://wentz-design.com/post/figma-how-to-edit-object/3d05bb52-11a0-5891-9e23-f4d045d2309dFri, 11 Jun 2021 00:00:00 GMTFigmaで作成・共有されたファイルで、テキストや図形オブジェクトを選択できない、または編集できない場合に試すTipsの紹介です。https://wentz-design.com/post/figma-text-vertical-alternates/f8c9101a-785a-5af2-a7ca-75ceb64f2688Fri, 04 Jun 2021 00:00:00 GMT今回はFigmaでテキストを縦書きに対応する方法を紹介します。和風のWebサイトや広告バナー・フライヤーなどをデザインする際に、縦書きのテキストを配置したりできるようになるので、制作の幅も広がると思います。https://wentz-design.com/post/figma-how-to-crop-and-mask/5d8982c5-354b-522e-8328-6a2343cc7576Fri, 28 May 2021 00:00:00 GMTFigmaで画像をトリミングしたり、好きな形にくり抜く方法の紹介です。アプリのユーザーアイコンをデザインする際に円形にくり抜いたり、WEBやスライド資料などに差し込む画像の加工などに便利です。https://wentz-design.com/post/figma-mobile-and-destop-mockup/c7eebe51-7041-53d6-adb2-1ac9d0852615Fri, 21 May 2021 00:00:00 GMT今回は、Figmaのプラグイン「Mockup」を使って、スマートフォンやPCなどのデバイスの画面に、スクリーンショットなどの画像を簡単にはめ込む方法を紹介します。 はめ込みたいデバイスの画面が斜めになっている場合でも対応できますので、サービス紹介用の素材作りにおすすめです。https://wentz-design.com/post/figma-how-to-edit-gradation/93b8dc48-95af-54d6-b901-07ce3f482485Fri, 14 May 2021 00:00:00 GMTFigmaで図形やテキストなどのオブジェクトにベタ塗りや様々な種類のグラデーションを適用する方法を紹介します。https://wentz-design.com/post/mac-capture-by-gif-brewery-3/30da47f5-8334-507e-acfb-f4d346d68cbbFri, 07 May 2021 00:00:00 GMT今回は、「GIF Brewery 3」というアプリを使って、Macの画面をGIFアニメーション動画でキャプチャする方法を紹介します。当ブログでも、Figmaの操作方法やツールの画面を動画でキャプチャーする際に、このツールを活用しています。https://wentz-design.com/post/figma-how-to-edit-line-style/1b64f7c2-b8fb-5177-b57c-5881923332c5Fri, 30 Apr 2021 00:00:00 GMT今回はFigmaでテキストや図形などのオブジェクト（パス）に枠線をつける方法と、枠線のスタイル（色・太さ・破線・矢印など）を編集する方法を紹介します。https://wentz-design.com/post/2021-figjam-release/df2ebbc2-ee99-5881-b178-985796e40429Fri, 23 Apr 2021 00:00:00 GMT今回は、Figmaでオンライン会議で付箋を使ったブレストをしたり、フローチャートを作成して、開発のシステムやモデル設計を、オンラインで複数名でリアルタイムに実施できる新機能「FigJam」の紹介です。https://wentz-design.com/post/figma-how-to-export/82ee0e26-d7d1-50f7-9d97-5b6978f0338eFri, 16 Apr 2021 00:00:00 GMTFigmaで作成した画像やイラストなどのオブジェクトを、ファイルサイズを指定したり、PNGやSVGなどのファイル形式を指定して書き出し・エクスポートする方法の紹介です。https://wentz-design.com/post/figma-remove-bg-plugin/c9936368-6199-506e-913b-78d1e3d7f8a4Fri, 09 Apr 2021 00:00:00 GMT今回は、Figmaで画像から背景を簡単に切り抜いてくれるプラグイン「Remove BG」の紹介です。画像を組み合わせてコラージュ画像を作りたい時や、写真から人物を抜き出したい時などに便利なプラグインです。https://wentz-design.com/post/figma-beginners-tips/c139c212-5c32-5730-9fbb-8819b353b81eMon, 29 Mar 2021 00:00:00 GMT今回は、納品されたり引き継いだFigmaのデザインデータを、修正・変更して再利用しようとした時によく発生するトラブルと、その対応方法をいくつか紹介したいと思います。https://wentz-design.com/post/mac-screenshot-skitch/42ffe888-2b42-57ca-8b34-239ada286705Fri, 26 Mar 2021 00:00:00 GMT今回は、パソコンの画面（特にMac）のスクリーンショットをキャプチャする方法を紹介します。使用するのは、「Skitch」という古くから使い古されているツールです。SkitchはWindowsにも対応していますが、この記事ではMac版を中心に紹介いたします。https://wentz-design.com/post/weblog-build-by-gatsby-contentful-netlify/d307b440-0a5c-5cf0-8d91-b3d863810c05Sat, 20 Mar 2021 00:00:00 GMT今回は、デザイナーである私が当ブログを作った目的とその構成を紹介いたします。これからブログを作って運用しようと考えている方や、当サイトの技術を利用する上でのメリット・デメリットを知りたい方に情報提供できればと思います。https://wentz-design.com/post/figma-noise-tool-plugin/eee4a6a5-0845-5556-b033-f69cfc3bc30fFri, 12 Mar 2021 00:00:00 GMT今回は、ざらざらした紙のようなマットな質感を、Figmaの「Noise」というノイズ画像を生成してくれるプラグインを使って表現してみようと思います。フリー素材を探してもなかなかいいテクスチャが見つからない時などに、試してみてください。https://wentz-design.com/post/figma-basic-banner-design/7f3325a3-d4aa-597e-9611-16a6a52854d8Mon, 08 Mar 2021 00:00:00 GMT今回は、商品紹介やイベントの告知など、顧客にリーチするためのコンテンツマーケティングで利用するベーシックなバナー画像（ヘッダー画像）を、Figmaを使って作ってみようという試みになります。https://wentz-design.com/post/figma-wave-and-curve-plus-zigzag/e2fbe2dd-f1bf-55de-a299-db01b904ebfeSun, 28 Feb 2021 00:00:00 GMT今回は、イラレでよく使われているような波線のパスを、Figmaで簡単に再現する方法の紹介です。おまけで、シンプルなジグザグのパスを作る方法も最後に載せています。https://wentz-design.com/post/figma-tile-design/5d52dfd8-715d-52de-bcde-f163f61feab1Mon, 22 Feb 2021 00:00:00 GMT今回は、バナーやポスターなどの背景素材などにすぐ使える、模様や柄などの繰り返しパターンをfigmaで作る方法をまとめました。模様や柄には様々な種類がありますが、今回はシンプルな市松模様（チェック柄）と、麻の葉模様を簡単に作ってみたいと思います。https://wentz-design.com/post/figma-super-ellipse/4a624811-73ed-5903-abb7-f99d3dbcb68bMon, 15 Feb 2021 00:00:00 GMT今回は、デザイナー界隈で話題になったトークルームアプリ「Clubhouse」のプロフィールのアバターに使用されている、なめらかな角丸のシェイプ、いわゆる「スーパー楕円」をFigmaで簡易的に再現する方法をまとめました。https://wentz-design.com/post/figma-brend-mode-luminosity/ce12886d-5e53-55a1-81be-31875d6979b2Thu, 11 Feb 2021 00:00:00 GMT今回は、SNSやブログなどで使用するバナー画像にすぐ使える、モノクロ画像をFigmaで簡単に作成する方法をまとめました。https://wentz-design.com/post/favorite-figma-plugins/6b05d5c0-8085-50ea-975c-5b2e68b8fec7Mon, 08 Feb 2021 00:00:00 GMT今回は、WebサービスやアプリのUI/UXのデザインFigmaを利用する中で、冗長な作業を効率化する上で特に便利だったプラグインを厳選して紹介したいと思います。プラグインの使い方が知りたい方は、プラグインの探し方とインストール方法も紹介していますので、参考にしてください。