F®exi.

Easily Generate Column Layouts. CSSフレックスボックスジェネレーター「Frexi. - フレクシィ」 Designed and Developed by HIGASHIYUKI®

SCROLL DOWN

F®exiでレイアウトをもっと直感的に、もっと簡単に。

F®exi(フレクシィ)」は、CSSフレックスボックスを手軽に操作できるジェネレーターアプリです。

高度なコーディング知識がなくても、直感的なスライダーやドロップダウンメニューで完璧なカラムレイアウトを作成可能。

リアルタイムプレビューで結果を確認しながら、即座にコピペできるCSSコードを生成。

Webデザイン初心者からプロフェッショナルまで、誰でも使いやすいデザインツールです。

CSSフレックスボックスの複雑さから解放!

F®exiは、直感的な操作とリアルタイムプレビューで、フレックスボックスの設定を簡単に実現します。

ドロップダウンメニューやスライダーを使った設定で、 [flex-flow] [justify-content] [align-items] などのプロパティを視覚的に調整でき、プロパティと値の設定・プレビュー・コピーの3ステップで、効率的かつストレスフリーなレイアウト作成を実現します。

F®exi. - システム要件

推奨通信環境
(新旧)固定回線でも移動通信でも可 F®exi.は本体データ全141KB(実働データ44KB)と超軽量です。また、サーバーキャッシュ/ブラウザキャッシュも有効ですので、様々な規格のインターネット回線やスマートフォンなどの移動通信回線(5G/LTEなど)を利用したテザリングでもご利用できます。
対応端末
Win, Mac OS搭載のコンピューター F®exi.のUX/UIはデスクトップ・ラップトップでのご利用を想定したものです。Android OS, Apple iOS搭載のタブレット・スマートフォンデバイスではご利用できません。(iPad Pro 12.9インチなどの一部のタブレットデバイスではご利用可能です)
対応ブラウザ
Chrome / Firefox / Edge / Opera / Safari可能な限り最新バージョンのブラウザをご利用ください。

F®exi.はアカウント登録など不要でどなたでも無料でご利用いただけます。

F®exiで得られるのはCSSコードのみです。HTMLコードは得られません。

F®exiで得られるCSSコードは、操作画面上のプレビューと同じレイアウトを再現できる事を保証しておりません。実装環境に合わせて適宜調整してください。

*F®exi.のご利用に際し、当方の定める利用規約*の一部が適用されます。

F®exi.を使ってみましょう。

F®exiは、効率性・簡便性・柔軟性を兼ね備えたツールとして、コーディングの手間を省き、デザイン作業に集中するための強力なサポートを提供します。

*F®exiはモバイルデバイスでのご利用はできません。パソコンでのご利用をお願いします。