デザインをXDからFigmaに移行する—簡単かどうか?ICHI.PROデザインをXDからFigmaに移行する—簡単かどうか?ファイルをXDからFigmaに変換するためのガイド。私は最近、UXデザインソフトウェアの状態と、それが最近どこまで進んだかについて考えていました。人気のあるデザインツール間の変換について1つの記事で書きたかったのですが、その過程で何か面白いものに出くわしました。以前、Sketchファイルを(XD自体を介して)XDに変換し、SketchをFigmaに変換したことがあるので、これが可能であることがわかりました。XDファイルをFigmaに変換した実際の経験はありませんでした。それで、すべての好奇心旺盛な人々のように、私はさらに深く掘り下げて、FigmaでXDファイルを開くことについて書くことにしました。変換は可能ですか?利用できる情報は実際にはあまりなく、ほとんどの場合、RedditやAdobeのフォーラムでそのようなことが可能であると不平を言っているだけでした。私の研究からの包括的な反応は、ネイティブ変換は不可能であるというものでしたが、別の方法が必要でした。明らかに、XD自体を介してこれをサポートすることはアドビの最善の利益ではありません。それはフィグマへのユーザーの大規模な流出を意味するでしょう。言い換えれば、彼らはそのような機能を決してサポートしないでしょう。ファイルをFigmaに変換するのですか?Figmaから始める理由はいくつかあるので、主な利点から始めましょう。リアルタイムコラボレーション—複数の設計者/利害関係者が同時にファイルで作業できますブラウザベース—あらゆるオペレーティングシステムで使用できます。私は個人的にPCを使用しているので、これはFigmaの私のお気に入りの側面の1つです(私を嫌わないでください)ほとんど無料—すべての人がアクセスできますオールインワンパッケージ—開発者ハンドオフの設計、プロトタイピング、および設計仕様が含まれていますすべてがオンラインであるため、概要を把握することもできます。XDのように何かを公開したり、別のインターフェイスにアクセスしたりすることなく、ファイル自体にフィードバックを提供することもできます。Figmaは素晴らしいツールであり、それについては疑問の余地はありません。それでは、変換オプションについて見ていきましょう。XDをFigmaに変換するソリューショングーグルですばやく検索した後、この種の変換ではオプションが非常に限られていることに気付きましたが、2つのオプションが突き出ていました。オプションは次のとおりです。SVGXD2Sketch.com次のような元のアートボードで両方のオプションをテストするために、モックXDファイルを作成しました。コンポーネント、ボタン、テキスト、画像を使用して、各ソリューションで物事がどのように変換されるかを確認しました。すべてがカバーされていることを確認するために、クリック操作で同じアートボードを作成しました。SVG最初はSVG変換方法でした。XDから、アートボードをコピーして、Figmaに直接貼り付けることができます。SVGをFigmaに貼り付けるXDからSVGとしてエクスポートし、Figmaに貼り付けることもできます。結果を見てみましょう:明らかに、これは理想的ではありません。元のようには見えず、いくつかの問題が発生しているためです。これとオリジナルの違いがわかりますか?悪い人PNGやJPGなどの非ベクター形式は変換されません。ファイルを再完成させるために何かを追加する必要があります(特に画像を使用している場合)多くの癖、つまりテキストボックスのサイズ設定は尊重されませんプロトタイピング機能は引き継がれませんアートボードの背景がベクターシェイプに変換されますが、私の場合は大きすぎます(広すぎます)シンボル/コンポーネントはサポートされていませんアートボードは名前を保持しませんあらゆる種類の複雑なファイルに対して実行可能なオプションとなるには、手直しが多すぎます実際のベクトル要素をFigmaに貼り付けるのは比較的速いファイルにテキスト要素とベクター要素のみがあり、他に何もない場合に適しています。これはまれなユースケースのようです。Sketchと呼ばれるかっこいい小さなツールで、実際にファイル全体を変換しました。Sketchの担当者が本格的なXDからFigmaへのコンバーターをリリースしたようです。これは今後の記事でテストします)ちょっとした実験にお金を払った後、ドキュメントをスケッチファイルとしてダウンロードできました。次に、Figmaメニューの以下の関数を使用して、ファイルをFigmaにインポートできます。アップロードはかなり早く完了しましたそれがどのように進んだか見てみましょう:Figmaで詳しく調べてみると、すべてがかなりきれいに見え、ファイルはかなりきれいに見えました。いいものSVG(およびやり直し)と比較して、変換プロセスで多くの時間を節約できます一部の記号を除いて、すべてが変換されましたファイルのやり直しはほとんどありません。アートボードは元の名前を保持するため、名前を変更したり再編成したりする必要はありません製品は無料ではありません(価格はここにあります)。正直なところ、これが悪いことであるかどうかはわかりません。意図したとおりに機能する場合はそうです。現在のところ、シンボルまたはコンポーネントのサポートは制限されています(サポートに連絡しましたが、今後数週間で追加されるとのことでした)プロトタイピング機能は保持されていませんが、これをプラットフォーム間で複製するのはかなり難しいと思います。それでは、それらを並べて見てみましょう。ご覧のとおり、ここには明確な勝者がいます:XD2Sketch。最小限の手直しですべてが保存されています。言うことはそれほど多くありません、それは事後のほんの少しの仕事でそれがすべきことをします。シンボルには小さな問題がありましたが、数週間以内にXD2Sketchのカスタマーサービスに確認したときに投稿を更新します。それまで、幸せな変換!皆さんへの最後の質問—今日のデザインツールに欠けていると思う素晴らしい機能は何ですか?ご参考までに、私のWebサイトはsebastian-tan.comです。年以上にわたる興味深い旅でした。プラクティスも存在します。会う機会がありました。アイデンティティと全体的なマーケティング戦略を刷新したいと考えており、彼らがまだ開拓されていない市場にサービスを提供していることを見て、私たちはその機会を喜んで受け入れました。情報デザイン:デザイナーがデータをどのように改善しているか情報デザインは、視覚的なツールを利用して複雑なデータを翻訳する分野です。データの視覚化については以前に聞いたことがあると思いますが、今日はなぜそれが重要なのかを知る日です。性格検査に合格する方法2019年1月に「デザインテストのエースの仕方」という記事を公開してから1年が経ちました。その中で、採用プロセスで使用される持ち帰り(設計)の割り当てを、実際の内容、つまり会社と求職者の間の公平性を不健康に歪める無給の仕事についてどのように見る必要があるかについて議論しました。キャリアをプログラミングに切り替えるあなたが今していることのタイトルは、あなたが将来何をするかを決定するものではありません。今日では、特にプログラミングにキャリアを切り替えることができます。常にプロジェクトを並べてください私は教師組合の誇り高いメンバーとして、自分が最も得意とすることの1つである執筆と編集で、自由な時間に組合を支援したいと考えていました。私はニュースレターを手伝うことを志願しました、そして私の組合の副会長はニュースレターに取り組むために私を募集し、そうするための奨学金を受け取りました。