「デザインからコード」

Material UI の力を Anima で解き放つ

Reading Time: 2 minutesAnima の最新機能をご紹介します。Figma デザインを Material UI (MUI) を使用したクリーンで機能的なコードに変換する機能です。この強力な機能により、開発者は Figma ファイルがよく構造化されているかどうかに関係なく、迅速に高品質な MUI コードに変換できます。

September 17, 2024 2 min
「デザインからコード」

FigmaのデザインをTailwind CSSでエクスポートする方法

Reading Time: < 1 minuteこの記事では、Animaを使用して、FigmaのデザインをTailwind CSSにシームレスにエクスポートする方法をご紹介します。Animaを使えば、作成したデザインをTailwindの基本スタイルにマッピングすることができます。色、間隔、タイポグラフィなどのデザイン属性は、簡略化してTailwindのクラスに変換されます。

January 23, 2024 < 1 min
「デザインからコード」

FigmaのVueコードへのエクスポートの仕方

Reading Time: < 1 minuteゼロからコードを書くこと無くFigmaをVueコードに変換したい方は、こちらの記事をご覧ください。Animaを使って、簡単なステップでFigmaのデザインをVueコードとしてエクスポートする方法をご紹介します。Animaを使用することで、TypescriptまたはJavascriptを使ってデザインをVueコード（Vue2およびVue3）に変換できます。

January 28, 2024 < 1 min