Ploxybeta

爆速でデザインをコードに変換する

Ploxyはフロントエンドの開発フローの一部を自動化し、アプリケーションの開発効率を向上させる開発支援サービスです。

Beta版に参加する
Demo movie image
Edit component

デザインツールで作成されたプロトタイプをコードに変換

FigmaやXDなどのツールで作成されたデータを取り込むだけで、ReactDOM、ReactNative、SwiftUIなど、アプリケーションとしてビルド可能なUIコードを生成します。
※Beta版はFigmaのみ対応

Beta版に参加する
Edit component

Componentの書き換えで表現力豊かなコードに

アプリケーション特有のComponentに変換できるので、開発時にUIコードを触る必要がありません。

Beta版に参加する
Code splitting

Componentは再利用するためにコードを分ける

プロトタイプ上でComponentとして分けられている場合、コードも分けて生成されます。

Beta版に参加する

Import Prototype

デザインツールからプロトタイプをインポート

Edit Component

コードに合わせたComponentに編集

Preview Code

Component編集中にコードをプレビュー

Generate Code

プラットフォームに合わせたプロジェクト形式でコードを生成

Export Asset

コードと一緒にAssetをエクスポート

Roadmap

  • Released
  • In Progress
  • Todo

  • Beta Release

    React Nativeのコードエクスポート

    Released

  • Shared Style

    スタイルをComponent間で共有させる

    Q4 2021
    Oct-Dec

  • Code Splitting

    Component単位でコードを分割する

    Q4 2021
    Oct-Dec

  • iOS: Swift Code Generator

    Swiftコードを生成する

    Q4 2021
    Oct-Dec

  • Import XD file

    XDファイルのインポート

    Q1 2022
    Jan-Mar

  • Convert Frame to List View

    インポートされたFrameをListViewに書き換える

    Q1 2022
    Jan-Mar

  • Component Editing

    PloxyのCanvas上でコンポーネントの編集をできるようにする

    Q1 2022
    Jan-Mar

  • Android: Kotlin Code Generator

    Kotlinコードを生成する

    Q2 2022
    Apr-Jun

  • Flutter: Dart Code Generator

    Dartコードを生成する

    Q2 2022
    Apr-Jun

  • Code Sync

    GithubやEditor上にあるコードとの同期機能の追加

    Q3 2022
    Jul-Sep

  • The Future

    & BEYOND
Open Roadmap

足りない機能や素晴らしいアイデアはありますか？ もしよろしければ、あなたの力を貸してください 🙌

Join our discord community!