- HTML/CSS
このデザイン、どうコーディングする？ #4｜Figmaだけにある“あのマージン指定”、CSSで正しく落とし込む方法
Figmaでよく見られる「左右40pxの余白、中央800px」レイアウトをCSSに落とし込む方法を解説します。最適な組み合わせは、padding-inline、max-width、margin-inline: autoです。この設計により、視覚的な余白と構造の把握が容易になります。
- HTML/CSS
【UI Design Tool】 Figmaと XDとSketchの分かりやすく比較まとめ
こんにちは。FASTCODINGデザイナーの七転び八重子です。 UIデザインツールと言えば、Figma、Adobe XD、Sketchなどが代表的ですが、2020年頃を境にFigmaユーザーが圧倒的に増えました。 そこで […]
- HTML/CSS
UIデザインするのに適したツールは？おすすめをご紹介！
こんにちは。FASTCODING UI/UXデザイナー、一富士二鷹三茄子です。 アプリやWEBサイトの制作に特化したUIデザインツールは、現在様々なものが開発されています。 これからUIデザインツールを試す方にとっては、 […]
- HTML/CSS
UIデザインツールFigma②実践編
こんにちは。FASTCODINGデザイナーの七転び八重子です。 前回UIデザインツール「Figma（フィグマ）」の入門編で、料金プランからアカウント登録、初期設定までをまとめました。今回は、実践編です。基本的な操作方法を […]
- HTML/CSS
UIデザインツールFigma ①入門編
こんにちは。FASTCODINGデザイナーの七転び八重子です。 普段デザインでは、Sketchを主に利用している私ですが、同じくUIデザインツール「Figma（フォグマ）」を実はまだ触った事がありません。そこで、更なるス […]
