Hatena Blog Tags
はてなブログ トップ
Dev Mode
このタグでブログを書く
言葉の解説
ネットで話題
関連ブログ

Dev Mode

このタグの解説についてこの解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。
Xtone Design & Tech Talk•11日前

FigmaのDev Modeを意識したAuto layoutの作り方

はじめに こんにちは、デザイナーのリョウです。 2023年にリリースしたFigmaのDev Modeは、UIデザインから開発への移行をするのに大変役に立っています。その機能を十分に活かすには、Figmaデータの作り方がとても重要です。 まずはDev Modeの主な特徴を簡単に説明します コードフレンドリーなUI ・従来のFigmaビューと異なる開発者向けUI ・コード表示が強化され、CSS, Tailwind, Swift, Flutter, React Native などのコードスニペットを取得可能・レイヤー構造が簡潔に表示され、開発者が必要な情報を素早く確認できる コンポーネント情報の取得…

#UIUX#figma#Dev Mode

関連ブログ

ローソンデジタルイノベーション　テックブログ•1年前

FigmaのDevMode新機能、アノテーションを使ってみたら便利だった話

こんにちは、デザイナーの松本です。 先日アップデートされたFigmaのDevModeの新機能、アノテーション（測定・注釈）を早速使ってみて、便利だなぁ〜！と思わずブログを書いてしまいました。 Figmaとはブラウザ上でUIデザインやWebデザイン、グラフィックデザインができるツールで、ローソンアプリを制作するプロジェクトでも活用しています。 元々Figmaはデザイナーが使うツールでしたが、昨年登場したDevModeでエンジニアさんにとっても便利なツールになりました。ローソンアプリのデザイン連携においてもリリース直後から早速活用しています。 今回アップデートされたDevModeの新機能は他にも色…

#UIデザイン#Dev Mode