2023/01/26 時点での情報に基づいています。 コード生成機能を含む UI/UX デザイン & プロトタイピングツールの製品ファミリーである Indigo.Design につきまして、構成製品の内の1つであ […]
Category: Indigo.Design
コード生成された Angular コンポーネントにカスタムスタイルを追加する
Indigo.Design によって Sketch ファイルからコード生成をして、ブレイクポイントによって scss 上でレスポンシブなレイアウトを実装するようなことは出来ません。 しかしながら運用上はそのようにしたい場 […]
Sketch で作成したデザインのコンポーネント毎のコード生成と組み立て
Sketch から1枚のデザインをまとめてコード生成をすると、デザイン全体がひとつのコンポーネントとして書き出されます。例えばツールバーのようにどのページでも用いるパーツの場合は、個別にコード生成(コンポーネント化)し、 […]
Sketch ファイルからコードジェネレーターを利用してコード生成する場合の Ignite UI for Angular の対応バージョン
Visual Studio Code の コード ジェネレーター プラグインを利用して生成されるコードは前提として Ignite UI for Angular の最新バージョンをサポートしています。2020年4 […]
Sketch ファイルで Grid コンポーネントを作成し、コード生成する際の基本設定
Sketch ファイルで Indigo-Components の Grid コンポーネントを配置して、最終的にコード生成まで行う場合、いくつか必要な操作があります。この記事では簡単な Grid コンポーネントを Sket […]
Sketch で独自カラーパレットの設定方法とコードへの反映方法
Indigo-Styling のカラー定義はコード生成した際にそのまま igx-theme のカラーパレットとして利用可能です。本記事ではあらかじめ設定されている色定義の変更方法と、最終的なコードに該当の色設定を反映する […]
Sketch ファイルからコード生成する際のレイアウト設定の基本
Sketch ファイルからコード生成を行う場合、Sketch ファイル上のレイアウト設定が正しく行われていないと崩れが発生してしまいます。簡単なログイン画面の作成を通してレイアウトの基本を解説します。 作成サンプル 以下 […]
Sketch で 作成した Icon コンポーネントのコード生成をする際の注意点
Indigo.Design Sketch プラグインを利用してデザインを作成する際に、Icon コンポーネントを配置したい場合、以下の2つの方法で配置する事ができます。 Symbols > Indigo-Compo […]