米Figmaは、同社が提供しているデザインツール「Figma」に、Web開発者向けの機能を提供する「開発モード（Dev Mode）」を6月21日にベータ版として公開した。2023年一杯は開発モードをベータ版として無料で提供するが、2024年からは有料で提供するとしている。
開発モードは、デザイナーが作成したデザインのプロトタイプの画像から、CSS（Cascading Style Sheets）のプロパティや値などを取得可能にするモード。プロトタイプの画像の上にマウスカーソルを移動することで、CSSのデータを確認できる。データはCSSやSwiftUIのコードの形でも取得できる。
さらに、Visual Studio Code向けの拡張機能も用意し、Visual Studio Code上でデザインのプロトタイプを確認し、CSSのコードをまとめて入力することも可能にした。Visual Studio Code向けの拡張機能も2023年中はベータ版として提供する。
加えて、「GitHub」「Jira」「Storybook」といったWebサービスとの連携機能も用意し、プロジェクトの進行を管理しやすくしている。
この記事は参考になりましたか？
- この記事の著者
-
CodeZine編集部（コードジンヘンシュウブ）
CodeZineは、株式会社翔泳社が運営する開発者のための情報メディアです。日々の開発に取り組むエンジニアやテクノロジーを学びたい方に向けて、プログラミングやAI活用、開発ツール、エンジニアの学びとキャリアに関する記事をお届けしています。
※プロフィールは、執筆時点、または直近の記事の寄稿時点での内容です
この記事は参考になりましたか？
この記事をシェア
