Figma to はてなCMS

FigmaのデザインデータをAIが自然なコードへ変換し、はてなCMSへインポートします。

Plugin Preview

Figma to はてなCMSは、FigmaのデザインデータをAIが解析し、はてなCMSに直接インポートできるプラグインです。手作業でのコーディングや画像アップロードの手間を大幅に削減し、デザインデータから公開までのプロセスをスムーズに繋ぎます。

AIによるデザイン変換・インポート: FigmaのデザインデータをAIが解釈し、再現性の高いコードを自動で生成。簡単な操作ではてなCMSにインポートできます。
画像素材の自動取り込み: デザインに使用されている画像素材も自動でCMSに取り込まれるため、手動でのアップロード作業は不要です。
スムーズなサイト更新: インポート後の調整もCMS上で直感的に行えるため、デザインの修正やコンテンツの更新が迅速に行えます。

誰でも「簡単」に、誰でも「安心」して使えるCMSです。ノーコードでのレイアウト変更など、直感的な操作でウェブサイトを制作・更新できます。豊富なデザインテンプレートや継続的な機能開発により、効率的なサイト運用を可能にし、時間やコストの削減に貢献します。

はてなCMS サービスサイト

API:1.0.0
UI:build/ui.js
main:build/main.js
Document Access:dynamic-page
Network Access:
このプラグインは、はてなアカウント認証、Figmaデータの変換・アップロード、アイコン表示のためにドメインアクセスを必要とします。 -- This plugin requires domain access to authenticate users, convert and upload Figma data, and display icons.
Editor Types:
figma
Allowed Domains:
- https://accounts.hatena.ne.jp
- https://cdn.blog.st-hatena.com
- https://cdn.image.st-hatena.com
- https://cdn.profile-image.st-hatena.com
- https://cms.hatena.ne.jp
- https://hatena-cms-user-assets-cyan-prod.s3.ap-northeast-1.amazonaws.com