ワンクリックでデザインからHTML・CSSを自動生成できるFigmaプラグイン「CodeLens Pro」をリリースしました🤍 こちらから使えます👇 ※5日間無料トライアル（通常は$15）で使えます🥳 このプラグインでは要素選択してワンクリックで 🌸HTML・CSSコード 🌸TailwindCSS 🌸pxをremに変換 🌸あしらいを擬似要素として使えるコード 🌸line-heightの自動計算 🌸画像のaspect-ratioの値を自動算出 などが生成できます！ またお好みで 🌸同時に複数要素のコードを生成 🌸任意のSCSS関数名へ変更可能（例）rem()など 🌸rem出力のベースフォントサイズカスタマイズ可能 （例）1rem = 16pxの他10pxなど変更可能 🌸要素同士の余白を取得 など各々のコードの書き方にカスタマイズ可能です！ 私自身もコーディングしていて「これできたら便利だな」と思う機能をたくさん搭載しました🥳 まずは無料で機能をお試しできるので使ってみてくれると嬉しいです🫶

使ってみたい！！！ トライアルで買いますー！🫶 誰かFigmaカンプでご依頼下さる方はいらっしゃらないかな・・・(はい、本日も安定のイラレカンプが到着したとこです！！😭)

わーー！れあさんめちゃくちゃ嬉しいです😭🤍 まず無料で試せるのでじっくり堪能してみてください✨ イラレ...😭 （PSD→Figmaで開くは開発中なんですが、イラレもできないか研究してみます🥹）

とってもとっても期待してます！！！🫶

120名の方に使ってもらってます☺️✨ お得な値段が3日までなので、まだの方はぜひ使ってみてください🫶

すごいちー👏

ありがとしーちゃん🥹✨

購入させていただきました🙇

わ！嬉しいです🥹 ありがとうございます、たくさん活用してください🥳

ちいさんはどこまでも進化し続けるママさんですね👏✨神の域に達してそうです🙌🌸

さくらみやさん、お久しぶりです☺️🌸 ありがとうございますー！しかし全然神ではないですが😂成長欲はめっちゃあります🙌

これって、1度の購入で2つのFigma ID(個人と会社)で使うのはさすがにNGですか…？

このプラグインは購入者のfigmaIDで管理されてるので、別のfigmaIDで使うと、未購入扱いなのでトライアル期間終わると使うことができなくなっております🥹

やっぱりそうですよね〜😅 確認ありがとうございます！ 会社が何だかんだお金出してくれないので、会社IDに自腹で払うのだけはイヤなだけです😂

なるほど〜！ このへん、会社で経費にさせてくれたら良いんですけどね😂

そうなんですよー。 無茶振り(2営業日で6ページとか…)ばかりするんだから、これくらい会社が出して欲しいです🥹

めっちゃ便利だと思うので、購入したいと思うんですけど、こちらのプラグインはサブスクですか？それとも買い切りですか？

興味持っていただきありがとうございます☺️ こちらは買い切りです🙌

お返事ありがとうございます！ さっそく使わせていただきたいと思います🫡 まずは、トライアルで😅

はい、ぜひ試してみてくださいー☺️

このツールを買う前に、基本のコードを書けた方がいいですかね？

そうですね🤔 このツールはコーディングの際にfigmaのデザインカンプから、コーディングに必要な値の取得を楽にするもので これのみでコーディングの全てを代替えできるツールではないので 基本的なコードの知識があるほうが、より活用できます🙋‍♀️

ありがとうございます！ コードの基本は、どのように習得すればいいか？助言をいただけますか？

そうですね！まずはProgateというサービスがあるのでそちら触ってみて、そのあとはよかったら私のYouTubeで「コーディング基礎講座」があるので動画を見ながら、一緒にコーディングして見てもらうと基本的な事は学べます☺️

ありがとうございます！

とくにこの言葉がいいですね！ ・ワンクリックで〇〇を自動生成できる！△△プラグイン「✕✕」をリリースしました🤍 ・私自身も〇〇していて「これできたら便利だな」と思う機能をたくさん搭載しました ・まずは無料で機能をお試しできるので使ってみてくれると嬉しいです🫶

90人の方が使ってくれてます🥳嬉 まだお買い得期間なのでぜひチェックしてみてね🙌