MarkupGen について
MarkupGen はデザインをコード化するツールです。Figma のフレームを指定するだけで、セマンティックな HTML/CSS や React が手に入ります。Tailwind、Bootstrap、Bulma、Materialize、Pico CSS に対応し、アプリ内エディタで結果を調整でき、自動品質スコアも確認できます。
開発した理由
Figma ファイルを渡して、生成されたマークアップを手作業で修正することなくデザインと一致するコードを得るには、これまでは遅く高額なフリーランス依頼か、エラーの多い自作スクリプトかの選択しかありませんでした。MarkupGen は、このステップを高速で予測可能にし、常に監視しなくても信頼できるものにするために生まれました。
私たちの仕事
MarkupGen の Web アプリと付属の Figma プラグインを維持し、新しい出力形式やフレームワーク対応を追加し、Auto Layout を実際のレスポンシブな CSS に変換する精度を常に改善しています。ツール、ブログ、比較ガイドなど、公開する内容はすべて製品を作る本人たちが自ら執筆・維持しており、外部契約のコンテンツ制作会社は使っていません。
誰がこのコンテンツを書いているか
このサイトの記事、比較ガイド、活用事例、導入事例は、MarkupGenチーム自身が執筆し、事実確認を行っています。コンバーターやFigmaプラグイン、Auto LayoutをCSSに変換するエンジンを構築・保守しているのと同じメンバーです。外部委託やAIのみによる制作ではなく、製品に直接携わった経験をもとに執筆しています。
お問い合わせ
ご質問、不具合の報告、機能リクエストなど、いつでも support@markupgen.com までご連絡ください。
よくある質問
- MarkupGenは実際に何をしてくれるのですか？
- MarkupGenはFigmaのフレームを、そのまま本番環境で使えるクリーンなHTML/CSSやReactコードに変換します。Tailwind、Bootstrap、Bulma、Materialize、Pico CSSにも対応し、アプリ内エディタと自動品質スコアも利用できます。
- MarkupGenは誰が開発・運営していますか？
- MarkupGenは、製品に直接携わる少人数のチームが開発・運営しています。このサイトのガイドや比較記事を書いているのも同じメンバーで、外部委託や量産型のコンテンツ制作会社ではありません。
- このサイトのガイドや比較記事、事例紹介は実際の人が書いているのですか、それともAIですか？
- 製品を実際に使い込んだ経験をもとに、MarkupGenチームが執筆・事実確認を行っています。外部委託やAIのみによる生成コンテンツではありません。
- サポートや機能リクエストについてMarkupGenに連絡するには？
- support@markupgen.com までいつでもメールしてください。不具合報告、機能リクエスト、一般的な質問など何でも構いません。