Figmaで長いテキストを「…」で自動省略する方法

Figmaには複数の要素をまとめる方法に「グループ」と「フレーム」が存在します。今回解説するオートレイアウトは、「フレーム」の中の要素を整列させたり、配置・間隔を自動で調整する機能です。使いこなせるととても便利な機能なので、まずは基本から習得しましょう！最初に、オートレイアウトの適用方法を説明します。適用の仕方は、複数の要素を選択右メニューから「オートレイアウト」を選択（shift+A）次に、要素の間隔、周りの余白（パディング）を指定する方法を説明します。① 要素の間隔を指定する場合② 横の余白

Figmaでデザインをした際に、画面遷移図を作成したい時はありませんか？そんなときは、プラグイン「Autoflow」を使うと簡単に作成が可能です。使い方は、オブジェクトを作成Autoflowのプラグインを選択Shiftを押しながら矢印の始点→終点の順でオブジェクトを選択また、プラグインで矢印の太さなどの調整や説明テキストを追加することが可能です。ちなみに、プラグインを使わなくてもFigJamから矢印をコピー&ペーストしてフローチャートを作ることも可能です。Figma上でフローチャートが作成できれ

Figmaでコンポーネントを解除したい時やインスタンスをフレーム化して編集したい時はありませんか？実はコンポーネントを直接解除する方法はありません。しかし間接的に解除することはできるため、本記事ではその方法を解説します。コンポーネントには、マスターコンポーネントとインスタンスが存在します。マスターコンポーネント（Master Component）：スタイルを編集・変更できるインスタンス（Instance）： マスターコンポーネントのスタイルが自動で同期される（スタイルを上書きすることは可能）マス

Figmaでテキストを縦書きにしたい時はありませんか？本記事では、テキストを縦書きにする方法を解説します。フォントは日本語フォントを使用フォントサイズ（Font Size）とテキストオブジェクトの幅（Width）と行間（Line height）を同じ大きさにするテキストのオプション -> 詳細設定からVertical alternatesにチェックをつけるテキストを縦にするだけでは長音符（ー）や句点・句読点（、。）などが横書きの方向になってしまいますが、Vertical alternatesにチ

1冊10分で読める本の要約を提供するサービス「flier（フライヤー）」。1日1冊以上のペースで要約を配信し、テキストと音声で利用できる。会員数は、個人・法人をあわせて累計124万人超え（2025年4月現在、無料会員を含む）。運営するフライヤー社（東京都千代田区）は2025年2月に東京証券取引所グロース市場へ新規上場したばかりと、勢いに乗っている。コスパ・タイパの意識が高い現代人に好まれているflierだが、どんな体験設計やデザインが心地よさや利便性につながっているのか。デザイナーの筒井大尊氏に

ヌーラボ社（福岡市）が提供する「Backlog」は、チームで働く全ての人をターゲットに、「親しみやすい操作性」や「多機能」を追求。「このチームで仕事ができてよかった」と思えるツールを目指している。2005年のβ版のリリースから早20年。今やエンジニアやデザイナーなど143万人が利用する人気のプロジェクト・タスク管理ツールとなった。国内外での受賞歴があり、海外のユーザー拡大も狙う。なぜ、Backlogはこれほどの支持を得られたのか。プロダクトマネージャー（PdM）の吉澤 毅氏に、「サービスの強み」

活発に情報発信をする企業として知られる株式会社マネーフォワード。当初は「採用」のための認知を目的に始まったnoteでの発信は、「今ではデザイナーの暗黙知を形式知化する取り組みへと発展している」とCDOの伊藤セルジオ大輔さんは話します。KPIを設けずにメンバーの自由な発信を大切にしていることや情報発信を始めるときのアドバイスについて、伊藤さんに聞きました。―― マネーフォワードのデザイン組織において、情報発信を始めたきっかけや目的を教えてください。2019年頃、マネーフォワードの事業や組織が拡大す

オンラインでファッションアイテムを購入する際、自分にぴったりのものを選ぶのは難しいと感じている人は多いのではないでしょうか。それを裏付けるかのように、「やっぱり違う」と返品する人が後を絶ちません。この状況を改善しようと立ち上げられたのがオランダ発の「style + code（スタイル・アンド・コード）」です。AIを使って、消費者の商品選びをサポートするツールを提供しています。その具体的な内容や、背景にあるデザイン思考などについて、共同創業者兼ディレクターのJelle Stienstra（イェル・