「Figma to STUDIO」正式版をローンチ! ベータ版から追加された2つの機能とは?
ノーコードのWebサイト制作ツールとして話題のSTUDIOが2023年11月1日、「Figma to STUDIO」をリリースした。それを記念し、東京・ユーザベースの本社にて「Figma to STUDIO Launch Party」が開催された。 会場には、STUDIOやFigmaを活用するWebデザイナーらが集結。中には大阪から参加する者もいた。この記事では、新機能とトークセッションの内容を紹介する。
「Figma to STUDIO」とは?
「Figma to STUDIO」とは、デザインツールのFigmaで制作したデザインデータを、STUDIOにインポートできる無料のプラグインだ。Figmaで作ったデザインをコピーして、STUDIOにペーストするだけでWebサイトが構築できる。自由配置のままインポートでき、レスポンシブデザインにも自動で対応する。 2023年8月にベータ版をリリースし、ユーザーからは「ベータ版でも作業が効率化した」「感動した」など好評の声が寄せられていた。そして今回、満を持して“正式版”をリリースしたわけだ。
「Figma to STUDIO」の3つの進化
イベントでは、まずSTUDIOの甲斐啓真氏による操作デモが行われた。基本的にベータ版から操作体験は変わっていなく、今まで通りに使える。では何が変わったのだろうか? 大きな違いは、主に次の3つだ。
■ [進化1] 精度向上 「ユーザーの声を聞きながら改良を重ね、正式版としてリリースできるクオリティに至った」と甲斐氏。STUDIOにとって競合に当たるノーコードツール「Webflow(ウェブフロー)」や「Framer(フレーマー)」にもFigmaからのインポート機能があるが、それらに比べても精度が高いという。 ┌────────── 競合のツールは直感的に使うのが難しかったり、デザインツールに寄っていてWebサイトを構築するという点では難しかったりします。 『Figma to STUDIO』なら、オートレイアウトではないものでも自動変換でき、レスポンシブにも対応するので、一番快適に使えるツールになっていると思います。とはいえ、オートレイアウトを設定していたほうがデザインが崩れず、高精度にインポートできます(甲斐氏) └────────── ■ [進化2] カラーパレット機能を追加 カラーパレット機能が追加された。カラーピッカーも付いており、インポート時に背景やテキストの色をまとめて変化させることができる。 ■ [進化3] ページモードの追加 複数ページをインポートできる機能「ページモード(Beta)」が追加された。インポートしたいFrame名の先頭に「/」をつけると、ページとして認識する。Figma上でつけたリンクも認識できるため、Figmaで作った複数ページを、そのままSTUDIOで公開できるようになった。 ┌────────── 正式版として出せるクオリティになったとはいえ、使ってみると精度の限界を感じることがあるかもしれません。しかし、どんどん予測範囲を広げ、動かないところを減らす試みをしていきます(甲斐氏) └──────────