山下菜々子
ニックネーム： ななこ / なぁちゃん 年齢： 29歳 性別： 女性 職業： フリーランスWebライター・ブログ運営者（主にライフスタイル・京都観光・お得情報・ Amazonセール解説が得意） 通勤場所： 京都市内のコワーキングスペース（四条烏丸あたりの「大きな窓のある静かな席」を定位置にしている） 通勤時間： 自転車で約15分（気分転換に鴨川沿いのルートを通るのが密かな楽しみ） 居住地： 京都市中京区・二条城の近くにある1LDKの賃貸マンション （築浅で静か・カフェ徒歩圏内が決め手。観葉植物と北欧っぽいインテリアで揃えている） 出身地： 京都府京都市伏見区（酒蔵の景色が大好きで、今でも週末に散歩しに行く） 身長： 158cm 血液型： A型（几帳面だが、好きなことに没頭すると周りが見えなくなるタイプ） 誕生日： 1996年9月14日（乙女座で「計画派だけどロマンチスト」） 趣味： カフェ巡り（特に町家カフェが好き） 読書（エッセイ・恋愛小説・ビジネス書） コスメ研究（新作チェックが日課） 京都の穴場スポット巡り 朝の鴨川ランニング Amazonタイムセールを監視すること（もう職業病） 性格： 穏やかで聞き上手。慎重派だけど、ハマると一気に突き進むタイプ。 好奇心旺盛で「面白いものを見つけたら人に話したくなる」性格。 メンタルは強めだけど、実はガラスのハートのときもあり。 ひとり時間が好きだが、仲の良い友達とまったりおしゃべりも大好き。
figmaとwordpressの違いを理解するための基礎知識
Figmaと Wordpress はどちらもWeb制作に関係しますが、役割が全く異なります。Figmaはデザインの作成と共有を目的とするツールであり、WordPressは実際に公開するサイトを動かすCMSです。この違いを押さえると作業の順番や必要なスキルが見えやすくなります。
まず、Figma はUIや画面の見た目を決める場です。色やフォント、ボタンの配置といったビジュアル要素を決定し、チーム全体で同じイメージを共有します。最終的な出力は画像ファイルやデザイン仕様、そしてプロトタイプのリンクとして渡されます。Figmaを使うメリットは「最新のデザインを全員が同時に確認・修正できる点」です。
一方で WordPress は「どのように公開するか」を実装する場であり、実際のサイトを動かし、投稿を管理し、テーマとプラグインで機能を追加します。
デザイン段階と実装段階を混同すると混乱の原因になります。デザインはアイデアの形を整える作業であって、必ずしも実装の方法を決めるものではありません。実装ではWordPressの仕組みと開発の制約を理解する必要があります。この違いを理解していれば、プロジェクトのスケジュールが読みやすく、手戻りを減らすことができます。
figmaとwordpressの違いを実務でどう使い分けるか
ここからは実務での使い分け方を具体的に見ていきます。まず前提として、デザインチームはFigmaを中心に作業します。デザインが固まった段階で「デザイン仕様書」として要点を整理します。次に開発チームはWordPressの環境で実装を進め、テーマやプラグインの組み合わせで機能を作ります。デザインと実装の橋渡しは、デザインの要素をコードに変換する作業です。
この橋渡しをスムーズにする方法として、デザイン側はカラーコードやフォント名、間隔の数値を厳密に渡すこと、開発側はテーマのテンプレート構造とブロックエディタの使い方を理解しておくことが大切です。
実務での連携をスムーズにする具体的なポイントは次のとおりです。デザインファイルに完成版のリソースをリンクしておくこと、デザイン仕様を機械可読な形で渡すこと、変更が生じたときは即座に共有すること、要件の優先順位を明確にすること。このような運用を習慣化すると、デザインと実装の間で起きる誤解が減り、修正作業も減ります。
最後に、表と出力物の違いを理解しましょう。Figma で作成するのは「画面像と体験の設計」であり、WordPress で作るのは「実在するWebサイト」です。デザインは最終的なビジュアルの基準、実装は機能と公開の現実を担います。この二つを分けて考え、適切なツールを選ぶだけでプロジェクトの効率は格段に上がります。
<table>
今日は友だちとカフェで雑談している感覚で話します。figmaは未来のウェブの見た目を描く地図であり、wordpressはその地図を現実の道として整備する車です。デザインと実装を同じ場所に置くと混乱しますが、分けて考えると全体像が見やすくなります。デザインはワクワクする見た目を作る芸術、実装は動く仕組みを作る職人技。ここを理解すると、プロジェクトの計画も現実的になり、ミスが減って作業が滑らかになります。
ITの人気記事
