製品画像

LangCSSとは?

LangCSSは、ユーティリティファーストのCSSフレームワークである「Tailwind」を利用したデザイン制作をサポートするために開発されたAIアシスタントです。
使ってみる

LangCSSの特徴・使用用途とは?

・tailwindui、shadcn、flowbite、daisyuiなどの、選りすぐりの無料コンポーネントを一体化できます
・SVGに対応しており、ロゴなど多様なデザインが制作可能です
・独自のコードエディターが付属しており、他の編集ツールを使用する必要がありません

LangCSSが向いている人・団体とは?

・デザインの過程で、自在に操作する機能(元に戻したり、やり直したり、保存したり)を希望する方
・後に自分のデザイン作業にスムーズに戻りたいと考えている方
・生成されたコードの所有権を重視し、ライセンスフリーで利用したい方

LangCSSの使い方とは?

1.LangCSSのベータ版に参加したい方は、「Sign me up!」をクリックし、待機リストに登録してください。
2.デザインアイディアを共有しつつ、LangCSSがTailwind CSSのユーティリティクラスをリアルタイムで生成する様子をご覧ください。
3.HTMLを編集しながら、チャットを続けることが可能で、人間による調整が必要な場面で役立ちます。
4.tailwinduiやshadcn、flowbite、daisyuiなどの無料コンポーネントを活用してください。
5.生成されたコードはライセンスなしで自由に使用できますが、コンポーネントライブラリを使用した際はその旨が表示されます。
6.LangCSSのウェブサイトに搭載されたMonaco Code Editorを利用し、ウェブブラウザ内でコードを編集してください。
7.デザインを作成する際、「Undo(元に戻す)」や「Back(戻る)」機能を使ってデザインを修正したり、チャットの「Save(保存)」機能で後から参照できるように保存したりできます。

LangCSSに関するコメント・口コミ

まだコメントが投稿されていません。
この製品・サービスのコメント第一号になりませんか?

コメントを投稿する

LangCSSに関連するAIツール・サービスとは?

AI Query

AI Queryは、SQLの知識が無くてもSQLクエリ...

製品詳細

Searchbase

Searchbase Cloudは、従来のデータベース...

製品詳細

Jottery

Jotteryは、開発者のためのマーケットプレイスであ...

製品詳細

CapCut

CapCutは、初心者とプロの両方のユーザーに対応した...

製品詳細

Pathway

Pathway.AI(パスウェイ・エーアイ)は、プログ...

製品詳細

Supa Doc

Supa Docは、システムエンジニア向けのサービスです。

製品詳細

Design Sparks

Design Sparks(デザインスパークス)は、A...

製品詳細