suu https://note.com/fork_526 suu https://d2l930y2yx77uc.cloudfront.net/assets/default/default_note_logo_202212-f2394a9e5b60c49f48650eee13f6e75987c8c4f1cfa7555629a9697dc6015cd9.png https://d2l930y2yx77uc.cloudfront.net/assets/default/default_note_logo_202212-f2394a9e5b60c49f48650eee13f6e75987c8c4f1cfa7555629a9697dc6015cd9.png 249F80 ja Tue, 16 Jun 2026 13:34:50 +0900 Figma応用編:「作業効率を上げる4つの機能」 https://assets.st-note.com/production/uploads/images/261655144/rectangle_large_type_2_cbd16d754d01be3bf5c8b6405dc58ed4.png?width=800 Figmaの基礎編を読んでくださった皆さん、ありがとうございます！ 基本的な図形の配置やテキストの入力には慣れてきた頃でしょうか？

基礎ができた皆さんが次に直面するのは、「もっと手早く作りたい」「修正が入った時に全部直すのが面倒くさい…」という悩みだと思います。


続きをみる]]> https://assets.st-note.com/production/uploads/images/127412452/profile_485882541e927301471a6f98ab6502c5.jpg?fit=bounds&format=jpeg&quality=85&width=330 suu Wed, 01 Apr 2026 11:01:17 +0900 https://note.com/fork_526/n/n0103b0311e65 https://note.com/fork_526/n/n0103b0311e65 Figma基礎編:Part2 「基本ツールについて」 https://assets.st-note.com/production/uploads/images/142463241/rectangle_large_type_2_53dee3da8aa7dbf06a17e5f3be26506b.png?width=800 皆さんお久しぶりです！
前回はFigmaのワークスペースについて紹介しましたが、今回は基本的なツールにフォーカスを当てていきます。ここでは、これからFigmaを使い始める方に向けて「まずこれだけ使えれば大丈夫！」という基本ツールを解説します。
前回のFigma基礎編:Part1 「ワークスペースについて」については下記から見ることができます。

前回の記事↓


続きをみる]]> https://assets.st-note.com/production/uploads/images/127412452/profile_485882541e927301471a6f98ab6502c5.jpg?fit=bounds&format=jpeg&quality=85&width=330 suu Tue, 02 Dec 2025 13:45:59 +0900 https://note.com/fork_526/n/n35c8d452585f https://note.com/fork_526/n/n35c8d452585f AIにロードマップの作成をお願いしてみた | 初級コーディング https://assets.st-note.com/production/uploads/images/208016466/rectangle_large_type_2_16bfacba612e2b8d7db7999eed6d91d4.png?width=800 こんにちは！
FORKのWEBデザイナーsuuです。

年々とAIが進化していき、生成AIやノーコードでサイトが作れるようになってきました。サイト作成でもデザインの段階でAIを使用しながらコードを扱う機会が増えていくと感じました。

現時点での私のコーディングのスキルや知識が乏しいため、スキルが無いのにAIのおかげでサイトが作れてしまう！ということが想定できたので、AIを上手く活用しながらサイトを作成するにはまず自分の知識を改めて基礎から付けていく必要があると思いました。
しかし何から手を付けるべきか迷い、中々行動に移せていなかったため、今回はGoogle Geminiを使用して、目標達成までの手助けをしてもらいました。


続きをみる]]> https://assets.st-note.com/production/uploads/images/127412452/profile_485882541e927301471a6f98ab6502c5.jpg?fit=bounds&format=jpeg&quality=85&width=330 suu Tue, 12 Aug 2025 15:13:08 +0900 https://note.com/fork_526/n/n167ceb4c69e0 https://note.com/fork_526/n/n167ceb4c69e0 Figma基礎編:Part1 「ワークスペースについて」 https://assets.st-note.com/production/uploads/images/140164504/rectangle_large_type_2_768237aa6c9ed828ff7b9c7b91a4cf30.png?width=800 今回は自分自身の復習も兼ねて、Figmaについて記事を書きます！
基礎編・応用編をそれぞれ2記事ずつ、計4記事構成で進めていけたらと思ってます。

まずは基礎編:Part1 「ワークスペースについて」についてです。


続きをみる]]> https://assets.st-note.com/production/uploads/images/127412452/profile_485882541e927301471a6f98ab6502c5.jpg?fit=bounds&format=jpeg&quality=85&width=330 suu Fri, 10 May 2024 18:04:32 +0900 https://note.com/fork_526/n/n8714a84ad629 https://note.com/fork_526/n/n8714a84ad629 デザイナーズブックリスト -suuが選ぶ3冊- https://assets.st-note.com/production/uploads/images/104405407/rectangle_large_type_2_16b9cb7d7b2970b9526aaacd26fc165a.png?width=800 こんにちはsuuです！
今回は社内企画の「デザイナーズブックリスト」に沿って3つのテーマごとにおすすめの本をご紹介したいと思います！

企画概要
「本」はみなさんにとってどんな存在でしょうか。
表紙が好き、人生のなかで大切にしてきた本…などなど、
様々な想いがそこにはあるかと思います。
今回はフォークのデザイナーたちがそれぞれの視点で、3つのお題に沿って本をご紹介します。さて、どんなブックリストが出来上がるでしょうか。

FORK 社内note企画概要より引用

続きをみる]]> https://assets.st-note.com/production/uploads/images/127412452/profile_485882541e927301471a6f98ab6502c5.jpg?fit=bounds&format=jpeg&quality=85&width=330 suu Mon, 01 May 2023 10:40:57 +0900 https://note.com/fork_526/n/n3b1a986465cf https://note.com/fork_526/n/n3b1a986465cf 私が選ぶ Good Web Design 2022 https://assets.st-note.com/production/uploads/images/94336406/rectangle_large_type_2_8e65f9e84aafdbc8366eb85871dd7c79.png?width=800 こんにちは！WEBデザイナーの「suu」です。
1年が過ぎるのがあっという間でびっくりしています。
今年も残りわずかということで2022年の締めくくりとして私が良かったと思ったサイトを3つ程ご紹介したいと思います！

01.SDGs | 私たちのサステナブルビジョン


続きをみる]]> https://assets.st-note.com/production/uploads/images/127412452/profile_485882541e927301471a6f98ab6502c5.jpg?fit=bounds&format=jpeg&quality=85&width=330 suu Thu, 29 Dec 2022 09:39:06 +0900 https://note.com/fork_526/n/n4c76083ef95b https://note.com/fork_526/n/n4c76083ef95b 【デザイナーさんに10の質問】答えてみた https://assets.st-note.com/production/uploads/images/81727007/rectangle_large_type_2_e0cbb28879ff572b5ac992a41dde75a2.png?width=800 こんにちは！株式会社FORKでWEBデザイナーをしているsuuと申します。
新卒で入社し2年目になったので、今回は改めて自己紹介も兼ねて社内企画の【デザイナーさんに10の質問】に答えていきたいと思います。

▼こちらFORKのマガジンになっておりますので、他の方の記事も是非チェックしてみてください^^


続きをみる]]> https://assets.st-note.com/production/uploads/images/127412452/profile_485882541e927301471a6f98ab6502c5.jpg?fit=bounds&format=jpeg&quality=85&width=330 suu Thu, 30 Jun 2022 17:33:44 +0900 https://note.com/fork_526/n/nb1aa1fb579a9 https://note.com/fork_526/n/nb1aa1fb579a9 【Adobe fonts】私の気になるフォント https://assets.st-note.com/production/uploads/images/79680956/rectangle_large_type_2_80b1b5c91dbe1426d9708b1fbccebde6.png?width=800 こんにちは！今回は「Adobe fonts」から気になるフォントをいくつかご紹介したいと思います。和文では更にゴシック体と明朝体、欧文ではサンセリフ体とセリフ体をそれぞれご紹介します。



続きをみる]]> https://assets.st-note.com/production/uploads/images/127412452/profile_485882541e927301471a6f98ab6502c5.jpg?fit=bounds&format=jpeg&quality=85&width=330 suu Tue, 31 May 2022 14:07:41 +0900 https://note.com/fork_526/n/n567d40f63d74 https://note.com/fork_526/n/n567d40f63d74 【山口県】 海辺の素敵なカフェ https://assets.st-note.com/production/uploads/images/77394637/rectangle_large_type_2_af8956c1557c52d6cd4f4ce1c4e603e8.png?width=800 もうすぐゴールデンウィークに入りますね！
皆さんはゴールデンウィークどう過ごしますか？
私は地元に少しだけ帰る予定なので、今回は地元山口の海辺の素敵なカフェをご紹介したいと思います！



続きをみる]]> https://assets.st-note.com/production/uploads/images/127412452/profile_485882541e927301471a6f98ab6502c5.jpg?fit=bounds&format=jpeg&quality=85&width=330 suu Thu, 28 Apr 2022 22:20:58 +0900 https://note.com/fork_526/n/n6d2dafb194d6 https://note.com/fork_526/n/n6d2dafb194d6 身近にあるものを描いてみた https://assets.st-note.com/production/uploads/images/75433921/rectangle_large_type_2_4a8b21816656aacaa7d6e4325ac09c5f.png?width=800 こんにちは！桜の季節になりましたね🌸

最近絵を描いていなかったので今回は身近にあるものをdrawingしてみました。


続きをみる]]> https://assets.st-note.com/production/uploads/images/127412452/profile_485882541e927301471a6f98ab6502c5.jpg?fit=bounds&format=jpeg&quality=85&width=330 suu Thu, 31 Mar 2022 18:00:30 +0900 https://note.com/fork_526/n/n6c72d09fc703 https://note.com/fork_526/n/n6c72d09fc703 モバイルファーストデザインについて https://assets.st-note.com/production/uploads/images/73224598/rectangle_large_type_2_ff627bf4a91f24291639d0bd003e22c0.png?width=800 こんにちは！２月は２８日までなのであっというまな気がしますね。
最近サイトレビューしている際、モバイルファーストのサイトをよく見かけるので、今回はモバイルファーストのサイトについてと、参考サイトをいくつかご紹介したいと思います。

1.そもそもモバイルファーストとは？


続きをみる]]> https://assets.st-note.com/production/uploads/images/127412452/profile_485882541e927301471a6f98ab6502c5.jpg?fit=bounds&format=jpeg&quality=85&width=330 suu Mon, 28 Feb 2022 13:33:58 +0900 https://note.com/fork_526/n/n77b8d2f18aec https://note.com/fork_526/n/n77b8d2f18aec 2021年－買ってよかったモノ https://assets.st-note.com/production/uploads/images/71155934/rectangle_large_type_2_c9078bad326d57bef6a28685db4294e2.png?width=800 こんにちは！
今回は2021年に買ってよかったなと思うものをご紹介したいと思います。

2021年に1番買ってよかったモノはヘッドフォンです！
2021年の4月に新卒として入社し、現在リモートワーク
で働いております。デスクワーク且つ、オンライン上でのミーティングがあるので、そんな時にとても役立っています！


続きをみる]]> https://assets.st-note.com/production/uploads/images/127412452/profile_485882541e927301471a6f98ab6502c5.jpg?fit=bounds&format=jpeg&quality=85&width=330 suu Mon, 31 Jan 2022 20:31:14 +0900 https://note.com/fork_526/n/nb7d85563d060 https://note.com/fork_526/n/nb7d85563d060 【Adobe最新ツール】Adobe Creative Cloud Expressってどんなツール？ https://assets.st-note.com/production/uploads/images/68415347/rectangle_large_type_2_4d1518fce7211465d0551077c5727de6.png?width=800 こんにちは！
今回は12月14日(日本時間)にAdobeから発表された新ツール
Adobe Creative Cloud Expressについてご紹介したいと思います。
デザイン未経験者でも簡単に扱うことができるツールだそうですが、
実際にどんなツールなのか・どんなことができるのか、などを
検証していきたいと思います！



続きをみる]]> https://assets.st-note.com/production/uploads/images/127412452/profile_485882541e927301471a6f98ab6502c5.jpg?fit=bounds&format=jpeg&quality=85&width=330 suu Fri, 24 Dec 2021 19:12:08 +0900 https://note.com/fork_526/n/na2ea85e4b26a https://note.com/fork_526/n/na2ea85e4b26a designの基礎を実践して勉強してみた https://assets.st-note.com/production/uploads/images/66774187/rectangle_large_type_2_90e76690659129ef7a47087dca09144e.png?width=800 こんちには！今回は現在読んでいる参考書を基にメニュー表を作ってみました。作成の流れをデザインの基礎知識を交えながらご紹介したいと思います。


１．題材


続きをみる]]> https://assets.st-note.com/production/uploads/images/127412452/profile_485882541e927301471a6f98ab6502c5.jpg?fit=bounds&format=jpeg&quality=85&width=330 suu Tue, 30 Nov 2021 19:13:17 +0900 https://note.com/fork_526/n/n3cf34067c408 https://note.com/fork_526/n/n3cf34067c408 もうすぐ見頃！都内ライトアップ有り紅葉スポット https://assets.st-note.com/production/uploads/images/64506514/rectangle_large_type_2_ed739b58cbc1d38aab0af908a7875811.png?width=800 お久しぶりです！
ついこの間まで暖かかったのに一瞬で肌寒くなりましたね。
季節の変わり目ですので体調管理にはお気を付けください！

今回は、もうすぐ見頃な都内のライトアップがある紅葉スポットをご紹介したいと思います！



続きをみる]]> https://assets.st-note.com/production/uploads/images/127412452/profile_485882541e927301471a6f98ab6502c5.jpg?fit=bounds&format=jpeg&quality=85&width=330 suu Fri, 29 Oct 2021 18:22:29 +0900 https://note.com/fork_526/n/n56e9a4f12907 https://note.com/fork_526/n/n56e9a4f12907 私の好きな画家について https://assets.st-note.com/production/uploads/images/62468939/rectangle_large_type_2_1017f95ef4f98e94ef941fa7e9f0bef1.png?width=800 お久しぶりです。芸術の秋、ということで今回は私の好きな画家”グスタフ・クリムト”についての記事を簡単に書きたいと思います。

1.クリムト初期


続きをみる]]> https://assets.st-note.com/production/uploads/images/127412452/profile_485882541e927301471a6f98ab6502c5.jpg?fit=bounds&format=jpeg&quality=85&width=330 suu Fri, 01 Oct 2021 11:27:46 +0900 https://note.com/fork_526/n/n110f1c80e6ca https://note.com/fork_526/n/n110f1c80e6ca グラスデザインが素敵な”ネオ居酒屋”をご紹介 https://assets.st-note.com/production/uploads/images/59840628/rectangle_large_type_2_477208dbfac9c01ac1b28d10c125d08a.png?width=800 お久しぶりです！
今回はコロナが落ち着いたら行ってみたい「グラスデザインが素敵な”ネオ居酒屋”」をご紹介したいと思います。

1．そもそもネオ居酒屋とは？


続きをみる]]> https://assets.st-note.com/production/uploads/images/127412452/profile_485882541e927301471a6f98ab6502c5.jpg?fit=bounds&format=jpeg&quality=85&width=330 suu Fri, 27 Aug 2021 16:57:03 +0900 https://note.com/fork_526/n/n9e491112d424 https://note.com/fork_526/n/n9e491112d424 ネオンの美しい映画を見てアウトプットしてみた https://assets.st-note.com/production/uploads/images/57844714/rectangle_large_type_2_92b8c53f4cfda92decee9ac15ebefe9f.png?width=800 こんにちは！
7月に4連休がありましたが皆さんはどう過ごしましたでしょうか？
有意義に４連休を過ごすにはどうしようかと考えた結果、”自宅で映画を鑑賞する”という結果に至りました。私は映画を選ぶ際、映像が綺麗でオシャレなものや、パッケージデザインを重視して選んでしまいます。パッケージデザインに惹かれて４本の映画を選んで観たのですが、その内2本が同じ監督ということに見終わった後に気づきました...笑
そこで今回はそんな観ているだけで美しい映画を手掛けるジム・ジャームッシュ監督の”ネオンの美しい映画”の2本を簡単にご紹介したいと思います。


1．『ミステリー・トレイン』（Mystery Train）


続きをみる]]> https://assets.st-note.com/production/uploads/images/127412452/profile_485882541e927301471a6f98ab6502c5.jpg?fit=bounds&format=jpeg&quality=85&width=330 suu Fri, 30 Jul 2021 16:31:07 +0900 https://note.com/fork_526/n/ne19d4d628b8c https://note.com/fork_526/n/ne19d4d628b8c Photoshopで写真をイラスト風に加工 https://assets.st-note.com/production/uploads/images/55663024/rectangle_large_type_2_23309cd7910a56f060fe920981f1b35e.png?width=800 はじめまして！
今回初めて記事を投稿致します。何卒宜しくお願い致します！

第１回目は、自身のPhotoshopの技術向上をを兼ねてPhotoshopでの画像加工のメイキングの記事を書きたいと思います。

以前渋谷で食べたハンバーガーの写真を撮ったので、それをイラスト風に加工していきたいと思います。


それでは早速やっていきましょう！


【step 1】
写真ファイルを開く

画像2


続きをみる]]> https://assets.st-note.com/production/uploads/images/127412452/profile_485882541e927301471a6f98ab6502c5.jpg?fit=bounds&format=jpeg&quality=85&width=330 suu Tue, 29 Jun 2021 11:19:00 +0900 https://note.com/fork_526/n/nf7e5aeb50a03 https://note.com/fork_526/n/nf7e5aeb50a03