FigmaをHTML/CSSでコーディングします

Figmaで作成されたデザインデータをもとに、HTML / CSS / SCSS / JavaScript でコーディングいたします。 LP（ランディングページ）、コーポレートサイト、ホームページの制作に対応しており、PC・タブレット・スマートフォンに対応したレスポンシブ実装まで行います。 【設計方針】 SCSSはFLOCSS×BEMで設計し、色・余白・書体は primitive / semantic の2層デザイントークンで管理しています。 組んだ本人以外が触っても崩れない状態でお渡しすることを優先しているため、公開後にご自身で更新される場合や、別の制作者に引き継ぐ場合にも扱いやすい構成になります。 デザインの再現は、余白・書体・カラーを体系化したうえで行います。1px単位で完全一致させるピクセルパーフェクト対応ではなく、設計の一貫性を優先する方針です。 【料金に含むもの】 ・4ブラウザ（Edge / Chrome / Safari / Firefox）＋実機での表示確認 ・画像最適化（WebP変換、width / height の補完、遅延読み込み） ・各ページ2回までの修正対応 追加費用なしでここまで対応いたしますので、公開後のやり取りの往復を減らせます。 【対応可能な内容】 ・LP・コーポレートサイトのコーディング ・レスポンシブ対応 ・JavaScript実装（スライダー、スクロール演出、ハンバーガーメニュー） ・静的サイトのWordPressオリジナルテーマ化 ・お問い合わせフォームの設置 ・メタ情報・OGPの整備 【こんな方におすすめです】 ・Figmaデザインのコーディングを外注したい ・公開後に自分でも更新しやすい状態で納品してほしい ・スマートフォン対応まで任せたい ・制作会社やデザイナーの外注先を探している ご相談・お見積りは無料です。まずはメッセージよりお問い合わせください。