Figmaのページをどのように再配置したか

私たちのメインワークスペースは、私たちの生活の他の領域と同じように清潔で整頓されている必要があります。誰もがこれらの言葉を独自の方法で理解しているので、この記事では、私のすべてのプロジェクトで実践している私の経験を共有します。





問題

主な問題は、私たちが構築しようとしているページのシステムが必然的に現実に崩壊することです。これは近い将来の問題です。私たちはしばしば、それについて考える方法がない、または単に考えたくない状況にいることに気づきます。その結果、何度も何度も例外を作り、お粥が再び醸造されます。





どんな状況でも、さまざまなプロジェクトで快適に使用できるシステムが見つかるまで、このサイクルを何度も繰り返しました。





ファイルの向きに関して、柔軟性があり、直感的で便利です。そして最も重要なことは、初めてファイルを入力する人には明らかです!





決定

2つの異なるプロジェクトの例でのシステムの適用
2つの異なるプロジェクトの例でのシステムの適用

このシステムは、すべてのページを基本的なタイプに分割して構築されています。各タイプには、明確な視覚的分離のための独自の絵文字があります。





  1. 生産-開発の準備ができた最終レイアウト。





  2. — , ;





  3. — ;





  4. — ;





- . : «• • •» «/ / /».





. , : , , , — .





, , Jira. , , : #220.





 

. , , , . .





, .





, . .





, — Figma Walker. , , .





macOS. :





  1. ;





  2. «Keyboard»;





  3. [ショートカット]タブに移動します。





  4. 左側のリストで[アプリのショートカット]セクションを選択します。





  5. プラス記号をクリックし、表示されるウィンドウで、スクリーンショットのようにフィールドに入力します(任意のキーの組み合わせを選択してください)。





これで、ページなど、何かを見つける必要がある場合は、検索を開いて、探しているもののおおよその名前をそこに書き込むだけです。






私たちはあなたのアイデアや重要な考えを思い出させる独自のアプリケーション立ち上げましたそれはNoterと呼ばれます。





私のTelegramチャネルでは、開発プロセスについて話し、開発に入る前にレイアウトを示しています:@raselgit








All Articles