Figma to Studio

About this plugin

A free plugin to publish designs from Figma into responsive websites.

1. Auto responsive: As you paste, we seamlessly transform your layout for tablet and mobile views.
2. No need to code: Once you hit Publish, we generate and host HTML and CSS code for your designs, optimized for performance and SEO.
3. Auto Layout based editor: In Studio.Design, use familiar tools like wrap and gap, now optimized for web design. Go beyond prototyping and add real effects like hover and appear, ready to go live.

About Studio.Design

Studio.Design is the easiest and quickest design tool to turn any idea into a website.

No code. All creative freedom.

Learn more about Studio.Design, the plugin, and follow along the tutorial.

Figma to Studioとは

Figma to Studioとは、Figmaのデザインデータをボックスレイアウトに自動変換し、Studioへインポートすることができるプラグインです。自動レスポンシブ対応や、画像素材、Studio上で使用可能なフォントをプロジェクトに自動で追加できます。また、ページモード（ベータ）を利用して複数ページのインポートや、Studio上での新規プロジェクト作成も可能です。

詳しい使い方はこちら

🔗Studio公式ヘルプ

Studioについて

「Unleash Creativity. 創造性を、解き放つ。」をミッションに掲げ、ノーコードWeb制作プラットフォーム「Studio」を運営しています。

圧倒的な使いやすさと、ノーコードのイメージを裏切る表現力の高さ、デザイン、構築、ホスティングがシームレスに完結する制作体験を提供いたします。

🔗Studio | Web制作を、ノーコードで。