デザインスキルページ 11

デザインスキル

アプリアイコンのサイズと作り方：iOS・Android・Google Play

iOSのレイヤー素材、Androidのアダプティブアイコン、ストア掲載画像を区別し、サイズ・単位・マスクを整理。旧来の素材も扱いながら、Pixsoで制作から書き出しまで進めます。

デザインスキル

AI画像生成ツールおすすめ7選！イラスト作成を効率化

デザインスキル

Figmaで検討したいフォント10選：本文・見出しの選び方

10書体と見本を使い、役割別に候補を比較。予約確認カードを例に、日本語・英数字・長いラベルを確かめ、Pixsoでチームが使える文字スタイルへ整理します。

デザインスキル

FigmaをHTMLに変換する方法｜コード生成と開発への引き継ぎ

CSSスニペットとHTMLプロジェクトの違いを整理し、コード生成ツールと実装確認の流れを具体例で説明します。

デザインスキル

リキッドガラス（Liquid Glass）とは？次世代UIデザインの屈折エフェクトを徹底解説

デザインスキル

デザインシステム管理（DSM）：デザインと開発を同期させ、プロダクト開発を加速させる

Pixsoのデザインシステム管理（DSM）で、コンポーネント・スタイル・デザイントークンを共有する方法を解説。エイリアスの設定、コード情報の確認、CSS・SCSSへの書き出しを紹介します。

デザインスキル

2次元制御を実現する「グリッドレイアウト」：UI設計の効率と一貫性を最大化する

デザインスキル

SketchからPixsoへ移行する方法｜ファイル互換性と確認ポイント

SketchファイルをPixsoへ移行する手順と、フォント、描画モード、背景効果、パスの確認点を解説。インポート後の比較からSketch形式での受け渡しまで、既存デザインを使って共同編集を始める方法を紹介します。

デザインスキル

デザイントークンでUIデザインを効率化！Pixso活用術

デザイントークンを色・文字・余白の管理に使う方法を解説。ボタンの値と役割を対応させる例で、共有ライブラリの更新と実装コードへの反映を分けて整理します。

デザインスキル

UI/UXデザインのAI活用：ツール選びと実務への取り入れ方

Pixso、Figma、Adobe製品、SketchでのAIと自動化の使い分けを解説。画面の生成、編集、共同作業、データ管理の観点から、実務に合う活用方法を紹介します。

デザインスキル

Adobe XDのプロトタイプ練習｜3画面をつないでレビューする

Adobe XDの既存環境で3画面をつなぎ、進む・戻る操作、プレビュー、共有レビューを練習する具体的な演習です。

デザインスキル

Figmaでワイヤーフレームを作る方法：予約画面で学ぶ手順

日時選択・入力・確認・完了の四画面を例に、Figmaでワイヤーフレームを組み立てます。共通部品、具体的な文言、エラーからの復帰まで、見た目を整える前に決める内容を説明します。