Canva・Figma・STUDIOの使い分け完全ガイド｜ノーコードでLP公開＆アニメーシ...
「WebサイトやLPを作りたいけど、プログラミングはハードルが高い…」そんなときに役立つのがノーコー...
続きを読む 
Figma
Figmaを使ったデザイン実践記事を集めたタグです。Figma模写課題（#1〜#7）でレイアウト・配色を練習できる教材、Adobe XDとの違い、CanvaやSTUDIOとの使い分け、LP公開フロー、Adobe Expressとの比較などを扱います。模写コーディング全体は 模写コーディング練習サイト も参照してください。
全9件の記事中、1-9件を表示
Figma模写 #6：選べる3パターン！シンプルカードレイアウトで模写力を高めよう
Figma模写シリーズ第6弾は、3つのカード型レイアウトのうち、どれか1つを選んで模写できる初級編で...
続きを読む 
Figma模写 #5：山と自然をテーマにした中級レイアウトに挑戦！
Figma模写シリーズ第5弾は、山・登山・ハイキングをテーマにした縦長ランディングページの模写に挑戦...
続きを読む 
Figma模写 #4：旅行サービス系UIを再現！上級者向けレイアウトに挑戦
Figma模写シリーズ第4弾は、旅行・観光系のWebサービスをテーマにした本格的なUI構成に挑戦しま...
続きを読む 
Figma模写 #3：音楽系ランディングページをHTML/CSSで再現してみよう
Figma模写シリーズ第3弾は、アーティストのプロモーションサイトを想定した音楽系ランディングページ...
続きを読む Figma模写 #2：準中級向け 建築系ポートフォリオ風レイアウト
Figma模写シリーズ第2弾は、建築事務所やプロジェクト紹介向けのミニマルで洗練されたレイアウトに挑...
続きを読む Figma模写 #1 Figmaで始める模写コーディング
Web制作スキルを効率的に高める方法の一つが「模写コーディング」 とくに最近では、Figma（フィグ...
続きを読む FigmaとAdobe XDの違いとは？初心者向けに基本操作から実践チュートリアルまで徹底...
Webデザインの現場で人気のデザインツール「Figma」と「Adobe XD」。 どちらのツールも優...
続きを読む CanvaとAdobe Expressの違いとは？初心者向けデザイン練習ガイド
デザイン初心者でも簡単にSNS画像やバナーを作成できる「Canva」と「Adobe Express」...
続きを読む 
