「有用なデザイナー」の第7号には、ワークフローをスピードアップしたり、何か新しいことを学べるデザイナーや開発者が必要とする
20のリンクが含まれています。
ちなみに、Figmaを使用する場合は 、 既製の設計システムに注意することをお勧めします 。 フリーランサーが1か月あたりの注文を増やすのに役立ち、プログラマーは自分で美しいアプリケーションを作成できます。また、チーム作業用の既製の設計システムを使用して、チームが「スプリント」スプリントを迅速にリードします。
また、深刻なプロジェクトがある場合、当社のチームは、ベストプラクティスに基づいて組織内に設計システムを展開し、Figmaを使用して特定のタスクに合わせて調整する準備ができています。 Web /デスクトップ、および任意のモバイル。 また、React / React Nativeにも精通しています。 Tへの書き込み： @kamushken
#webtoolsえんどう豆
Photopeaと呼ばれるブラウザーPhotoshop！ ごく最近、メーリングリストにペイントのクローンがあり、ブラウザにさらに高度なグラフィカルエディタがありました。 興味深い機能のうち、オブジェクトのCSSコードをすぐに見る機能、スケッチファイルを理解する機能、スケッチからpsdへのコンバーターがあります。
www.photopea.com
#css #developmentMicron.JS
Micron.JSは、CSS-JSマイクロ反復の柔軟なライブラリです。 独自に作成したり、カスタマイズしたり、事前定義されたものを使用したりできます。 グラデーションの四角形をクリックすると、デモを表示できます。
webkul.imtqy.com/micron
#developmentアップローダーウィジェット
比較的小さいサイズで、アップローダーに接続する準備が完全に整っています。 コードに1行だけ追加されます。 組み込みの画像処理（userpic写真の処理用）があり、多くのサービスやソーシャルネットワークからファイルをアップロードする機能があります。
www.uploader.win
＃モックアップ#webtoolsスクリーンピーク
あなたのリンクに基づくブラウザモーションキャプチャジェネレータ。 入力に挿入し、ボタンを押して、リンクが画面にロードされたiphoneを取得します。 出来上がり！ ダウンロードするだけです。 解像度と出力品質は良好です。 さまざまなモックアップについては、すでに報酬が求められます。
screenpeek.io
#uikitInvisionApp UIキット
Mailと呼ばれる公式のInvisionApp UIキット。 名前からすでに明らかなように、ソーシャルネットワーク、メール、インスタントメッセンジャーのトピックに関するプロトタイプの構築が可能になります。 利用可能なバージョン：Sketch / PS。 ところで、私は彼らの庭に石を投げます-スタジオは1月21日に約束されました。 そしてまだ沈黙:)
www.invisionapp.com/blog/free-ui-kit-for-sketch-and-photoshop-mail
#tools #xdxdのプロトタイプ
Adobe XDの興味深いアドオンがリリースされ、実際にはFramerに変わります。 プラグインを使用すると、多くのマイクロイテレーションを使用した超インタラクティブプロトタイプを作成できます。 Trialka 10日:(
www.protopie.io/with/adobe-xd-cc
#uikit #xdAdobe XD UIキット
Adobe XDは1月の更新を要約し、さまざまな著者から5つのUIキットを無料で公開しました。 XDで働いていますか？ プロジェクトをキックスタートしてください！
theblog.adobe.com/five-top-ux-designers-five-ui-kits-adobe-xd-now-available-free
#uikit #framerフレーマーUIキット
フレーマーは遅れをとらず、エディター向けの4つのUIキットのリリースを発表します。
framer.com/getstarted/resources/?utm_source=designer_news&utm_medium=link&utm_campaign=v109
#uikit #sketchiOS 11スケッチキット
Designcode_ioは、Sketch用の独自のiOS 11 UIキットをリリースしました。 説明は、類似の製品では非常に伝統的です。ガイドラインの深い理解、ネストされたシンボルの使用、伝統的なテーマ+暗転。
designcode.io/ios11-ui-kit
#iconsfigmaの素材アイコン
figmaデザインシステムでのアイコンの使用に関するビデオ例。 ライブラリの形でコンポーネントとして統合されている場合は、数回クリックするだけで変更できます。 300個以上の素材アイコンのライブラリを
ここからダウンロードできます （無料ダウンロードの場合は0ドルを入力し、リンクはメールにジャンプします）。
youtu.be/k43MvTC95As
#css #developmentグリッド
Gridishは、CSSグリッドへの切り替えを支援するIBM開発者によるオープンソースツールです。 このツールは、Sketchのソース、grid / flexboxを使用したCSS / SCSSコードで構成され、ブラウザでグリッドをテストできるChromeプラグインを備えています。
medium.freecodecamp.org/introducing-css-gridish-helping-teams-to-adapt-css-grid-today-3e031ab222de
＃在庫スマートベクトル写真
新しい大きなベクタークリップアートアグリゲーター。 登録は必要ありません。あらゆる目的で使用できます。 カテゴリ、アイコン、テンプレート、デザイン要素などに分類されます。
smartvectorpics.com
#css #webtoolsCSSのパージ
不要なCSSコードをクリーンアップするWebtoolza。 特にブートストラップでは、多くの未使用の行が残ります。
www.purgecss.com
#css #developmentCSSクリップパスジェネレーター
CSSクリップパスを作成するためのブラウザーツール。 三角形、菱形、八角形など、多くの幾何学的形状が利用可能です。 次に、コントロールポイントを移動してCSSコードを取得します。 リンクを指定して、独自の画像をアップロードできます
bennettfeely.com/clippy
#development #tutorial2017年のWeb開発記事
Mybridgeは、Web開発のトピックに関する2017年のベスト記事を1つの投稿にまとめました。 知識と経験のこの倉庫は英語で利用可能です。
medium.mybridge.co/learn-web-development-from-top-articles-of-the-year-v-2018-51c75c5c0c00
#iconsバレンタイン愛のアイコン
Futuramoは、今後のバレンタインデーをテーマにしたアイコンの小さな無料セットをリリースしました。 ただし、見返りに登録が必要になります。
futuramo.com/blog/valentines-love-icons
#css #developmentCSSテキスト効果
テキストのCSS効果のコレクション。 碑文、スローガン、または単純な見出しのデザインの40以上の例が収集されています：さまざまな影、輝き、マスク、テクスチャ。
ecard.enter-media.org/css-text-effects
＃スケッチスケッチのUberテーブル
各境界線がシンボルとして作成されるSketchでテーブルデザイナを作成するためのチュートリアルは、それに応じてオーバーライドによって変更されます。 これで、Figmaの利点の1つが明確になりました。
medium.com/sketch-app-sources/uber-tables-in-sketch-4ce6a02f8dd4
#webtoolCopyPasteデザイン
このブラウザツールを使用すると、スクリーンショットなどのバッファから貼り付けたり、ラベル、矢印を適用したり、鉛筆で作業したりできます。 その後、PNGファイルをダウンロードして、意図したとおりに送信できます。
copypastedesign.com
#webtool顔料
既製の配色の最もクールなカタログ。 コントラストと彩度を追加する可能性があります。クリックすると、スキームのプレビューが非常に調和して表示されます。 そこで、色コードがバッファにコピーされます。
ピグメント.shapefactory.co
この記事を共有できます。 設計コミュニティを一緒に開発し、有用で無料の製品の配布を支援することで開発者をサポートしましょう。 ご清聴ありがとうございました！タイムライン：
初版 •
第2版 •
第3版 •
第4版 •
第5版 •
第6版