Tokens Studio for Figma is a Figma Plugin allowing you to integrate Tokens into your Figma designs. It gives you reusable tokens that can be used for a whole range of design options, from border radius or spacer units to semantic color and typography styles. It allows you to change tokens and see these changes applied to the whole document or its styles. Slack Channel# We have a dedicated Slack se

Images are a core part of the web, but they don’t come for free. While imagery can enrich your content and create a more engaging user experience, it can also slow down your site and create a poor user experience if it’s not used responsibly. Now that Google uses page load speed as a ranking factor, developers need to put in more effort to create responsive and optimized images and deliver the bes

WordPressは、管理画面へのログインURLを変更したり、reCAPTCHAを導入するなどのセキュリティ対策が必須です。H2O spaceではこれまで、「SiteGuard WP Plugin」を導入していましたが、今回「WP Cerber」に乗り換えました。 乗り換えの理由は、Nginxに移行したため プラグインを乗り換えた理由は、運用しているウェブサーバーを Nginxに乗り換えたため。WordPressは通常、Apacheというウェブサーバーで動作することが前提とされています。プラグインの多くもこれを前提に作られていて、特に Apacheで URLの制御などを行う「.htaccess」というファイルを使うプラグインの場合、これに強く依存します。 しかし近年、動作速度の問題などから Nginxで WordPressを稼働させることが増えていて、H2O spaceも乗り換えました。す

WordPressにおけるカスタムフィールド製造業界の超定番プラグインといえば Advanced Custom Fields 略してACFであり、そのプロ版を利用している人も多いだろう。「課金ポイント」としてはリピーターフィールド、つまりフィールドのセットを任意の数だけ繰り返せるという機能が人気だ。 そんなACFだが、一ヶ月前ほど前に価格帯をサブスクリプションモデルに移行することを発表しているのをご存知だろうか。”New ACF PRO Pricing for 2020” では、来年2020年から次のようなモデルに移行するとのこと。2020年以前に購入した顧客はアップデートを継続して受けられるので、買うならいまのうちに。 サイト数によって価格が異なるが、ACFが売りたいのはAgency $249 / 1yearだろう。 これまでは100オーストラリアドルで買い切りだったことを考えると、大幅

12/3にパシフィコ横浜で開催された「AdobeMAXJapan」に合わせて、Adobe XD用の便利なプラグインが登場しました！ プラグインは通常、英語圏内に特化されたものが多いですが、「Quick Mockup」はなんと日本のデザイン現場向けに特化されたもので、簡単にワイヤーフレームやモックアップが作成できます。 日本のUXデザイン用に開発されたAdobe XD用プラグイン「Quick Mockup」 Quick Mockupの特徴 Quick Mockupのインストール Quick Mockupの使い方・動画 Quick Mockupの特徴 Quick Mocukupは、日本のデザイン現場で使用頻度の高いUI要素のサンプルから簡単にワイヤーフレームやモックアップを作成、さらにスタイル、ステート、コンテンツのカスタマイズで簡易プロトタイプをすばやく簡単に作成できます。 Quick Mo

Googleが10月31日に公式ブログにおいてSite Kitのリリースを告知した。現在はプラグインディレクトリから誰でもインストールできるようになっている。 2日前、つまり日本時間の11/1にリリースされている。 Capital Pではベータ版の頃から取り上げていたが、なぜこのタイミングかというと、11月1日から開催されていたWordCamp US 2019に間にあわせるためだろう。GoogleがWordPressに注力し始めていることは何度かお伝えしているが、WordCamp USというビッグインベントに合わせて目玉となる製品をしているというわけだ。 Site Kit ファーストインプレッション さて、このサイトCapital Pでも早速インストールしてみた。まずはGoogleアカウントと接続。 Googleアカウントとの接続を促される。 続いて、接続の際に認証を求められる。 接続が完

デフォルトでも便利な機能が多数用意されており且つ定期的にアップデートも行われているAdobe XDですが、プラグインを利用することでより効率よくデザイン制作を進めることができます。 そこで、今回は便利なプラグインが数多く公開されている中でも個人的に特におすすめなプラグインを紹介します。 エントリー内では基本的にMacで使用した場合の見栄え・メニュー・ショートカットで紹介していますが、Winでもそこまで大きな違いはないので適宜置き換えてください。 プラグイン紹介時のキャプチャや挙動については、このエントリー公開時点のものになります。 プラグインのインストール・アンインストール・実行について インストール プラグインのインストールは、公式のものであればアプリから簡単にインストールができます。 イメージ内①のようにサイドにあるプラグインアイコンをクリック後に表示されるメニューの右上にあるプラスア

「Visual Studio Code（略称：VS Code）」はMicrosoftが提供している無償で高機能なエディターです。標準でも十分な機能は備わっていますが、拡張機能をインストールすることで、より使いやすく自分にあったエディターへとカスタマイズできます。 本記事では、HTMLコーダーやフロントエンドエンジニアに役立つ拡張機能を紹介します。 1. IntelliCode IntelliCodeはMicrosoft謹製の公式プラグイン。AI支援による次世代のコード補完がJavaScriptやTypeScriptで利用できるようになります。APIの一覧がアルファベット順に提示されるのではなく、利用する可能性の高いAPIがAIによって予測されます。 コード補完の様子を次のスクリーションショットでご覧ください。入力候補の「★」マークが付いているところが、補完候補になっているところです。人工知

Photoshopをつかって継ぎ目のないパターンテクスチャを作成するのは、なかなか面倒な作業で、時間もかかってしまいます。この記事では、繰り返しパターンをラクラク作成できるPhotoshop向け拡張プラグイン Adobe Textile Designer のインストール方法から詳しい使い方、利用上の注意点までまとめてご紹介します。 コンテンツ目次 1. Adobe Textile Designer プラグインとは？ 2. 入手、インストール方法は？ 3. 詳しいプラグインの使い方 4. 編集したアートファイルの保存について 5. Photoshopを使うならフォトプランがおすすめ Adobe Textile Designer プラグインとは何？ Aodbe Textile Designer プラグインとは、継ぎ目のないパターンテクスチャを瞬時に作成できるAdobe謹製のフォトショップ拡張プ

この記事では、Adobe XDにインストールしておくことで、デザイン制作をより快適にしてくれる無料プラグインをまとめてご紹介します。 実際にAdobe XDにインストール、使用してみて便利だったプラグインのみを厳選しています。プラグインを利用して、制作スピードを爆速にしてみませんか。 コンテンツ目次 1. プラグインが利用可能に 2. Adobe XDプラグインのインストール方法 3. Adobe XDプラグインの使い方 4. おすすめ無料プラグイン（デザイン効率化） 5. おすすめ無料プラグイン（コンテンツ生成） 6. おすすめ無料プラグイン（描画デザイン系） 7. おすすめ無料プラグイン（コラボレーション・ハンドオフ系） 8. ショートカット機能で作業効率をさらにアップ Adobe XDでプラグインが利用可能に Adobe XDは定期的にアップデートが行われており、昨年10月にリリース

「Yuzo Related Posts」など人気のWordPressプラグインを狙った攻撃活動が観測されているとしてセキュリティベンダが注意を呼び掛けており、また国内でも関連が疑われる被害報告が上がっています。ここでは関連する情報をまとめます。 3月以降脆弱性が確認されたプラグイン 2019年3月以降、脆弱性の悪用が報告されたプラグインは次のもの。 No 報告日 対象のプラグイン インストール数 バージョン 脆弱性 1 2019/03/15 Easy WP SMTP 40万件超 1.3.9以前 管理者への特権昇格 2 2019/03/21 Social Warfare 6万件超 3.5.2以前 XSS（格納型）、任意コードの実行 3 2019/03/30 Yuzo Related Posts 6万件超 5.12.91以前 XSS（格納型） 4 2019/04/09 Visual CSS S

こんにちは。sitoです。 みなさん、XDのプラグイン、使ってますか？ 最近どんどん便利なプラグインが増えているようなので、sitoもいくつか導入してみました。 その中で、使ってみて便利だったプラグインをご紹介します。 Remove Decimal Numbers 図形等をリサイズしていて、小数点がついてしまったときに、整数（小数点以下切り捨て）に直してくれるプラグイン。 今まで手で地道に消していたので、めっちゃ楽になりました！ Stark カラーブラインドのシミュレーションと、コントラストチェックができるプラグインです。 カラーブラインドシミュレーションはアートボードごと、コントラストは２つのレイヤーを選択してチェックすることができます。 Ikono フリーアイコンサイト「ikonate」のプラグインです。 XD内でアイコンを選択して配置できるようになります。 線の太さを選択できたり、ア

先日LINE Messaging APIの社内勉強会に参加したのですが、なかなか楽しかったので何か作りたくなったyanagimachiです。 そういえば、求人サイトの写真を差し替えまして、普段の感じが伝わるようになった気がします。 よかったら見ていってください。 さて、今回はAdvanced Schedule Postsのご紹介です。 このプラグインはすでに公開した投稿を特定の日時で差し替えたり、公開終了日時を設定できたりします。 最初と違う内容に投稿を差し替えたい、または別の人に違う内容に書き換えてもらって下書きしたものをプレビューで確認した後に差し替え投稿したい！みたいな時あると思います。 そういうときに使うのがこの機能です。 今回は投稿を違う内容に差し替えてみたいと思います。 1. 元の投稿を用意 2. 投稿を複製（Duplicate Postプラグインを使うと簡単です。）し、書き換

こんにちは、UIデザイナーのサイです。私が普段のデザイン作業で使っているツールはいくつもありますが、使う頻度がもっとも高いのはSketchです。UIデザインに特化した機能のほか、便利なプラグインがあることもSketchの魅力のひとつです。この記事では、Sketchのおすすめプラグインを用途別でご紹介します。 1. 基本機能の強化 Find and Replace Text plugin for Sketch https://github.com/thierryc/Sketch-Find-And-Replace 選んだレイヤーの中のテキスト、あるいはファイルの中にあるすべてのテキストを検索と置換できるプラグインです。検索の範囲は自分で設定できるので、間違えてテキストを置換することを防げます。シンボルのOverridesのテキストもサポートするので、たくさんシンボルを使っても心配なく使えます。

Sketchはそのままでも利用できますが、プラグインをいれると更に便利になります。 Webページやスマホアプリの制作に便利なSketchのプラグインを紹介します。 Paddy 文字数を変更したり、子要素のサイズを変更すると、親要素のレイアウトが崩れてしまうことがあります。そんな時は、このプラグインが便利です。 要素にpaddingを指定したら、それを保ったままレイアウトを変更できます。機能は他にもあり、要素間のスペースを保持する、複数の要素のツラを左・中央・右・上・中央・下で揃えるなど、要素を配置するための便利な機能が備わっています。 ガイドラインの作成が簡単になるSketchのプラグイン -Measure Measure デザインのガイドラインを作成する時に面倒なのが、サイズやスタイルを調べてそれを記述することです。Measureは指定した要素のサイズやカラーなど、要素のスペックが記述で

使用されているSketchのPluginを教えてほしいです！ しゅんさん どんなUIデザイナーかで決まります Sketch は UI デザインツールとして優秀なアプリです。日本ではまだまだ Photoshop が有力な現場が少なくないですが、欧米では Sketch が過半数以上を占めている状態です。およそ 2000 人のデザイナーを対象にしたデザインツールの調査によると、UIデザイン、ワイヤーフレームの定番は Sketch になっています（2018年1月現在）。 私の仕事でも欠かせないツールではあるものの、プラグインの組み合わせ次第でまったく違う使い方になる場合があります。定番と呼べるプラグインはありますが、それ以外は自分の役割や仕事現場によって大きく変わります。Airbnb のようにオリジナルのプラグインを開発して、自分たちのワークフローを最適化しているところもあります。 よって、自分が