Figma to はてなCMS

Figmaのデザインを
一瞬であなたのサイトに

Figmaで作成したデザインデータをAIが理解し、自然なコードに変換します。
さらに、はてなCMSでの簡単な編集・管理で、サイトの運用効率がぐんと上がります。

インポートしたデータは、コードを使わずサイトを見たままで編集できる「見たままモード」と、自由にコードを記述できる「コード編集モード」があります。あなたのスタイルに合わせて柔軟な調整ができます。

AIがDOM構造を適切に解釈し、SEOに不利にならない自然なコードに変換するため、安心してご利用いただけます。

Figmaで使っている画像も、デザインデータと一緒にワンクリックでインポート！簡単操作でスムーズに作業をはじめられます。

プラグインをインストールして、はてなCMSとFigmaを連携したら準備完了です。

任意のフレームまたはレイヤーを選択し、プラグインの「はてなCMSで開く」をクリックするだけで読み込みを開始します。

コードを使わずサイトを見たまま編集できる「見たまま編集モード」と、自由にコードを記述できる「コード編集モード」を使って、柔軟に公開前の調整が可能です。