Visly logo

Visly視覚的にReactコンポーネントを構築する

Vislyは、フロントエンドエンジニアを対象とした次世代のデザインツールを構築しています。コンポーネント駆動型ソフトウェア設計の普及と、ユニバーサルデザインシステムの普及により、Vislyのようなツールを構築するのに最適な時期だと考えています。エンジニアとデザイナーが単一のツールで協力し、開発者が慣れている既存のツールを使用して、コードに直接インポートできる高品質のコンポーネントを作成できるようにします。他の多くのデザインツールと比較して、このツールをうまく機能させる秘訣は、エンジニアが気に入るツールを構築し、エンジニアリングコミュニティとの信頼を構築することであることを知っています。そうでなければ、これらのコンポーネントは本番コードベースに到達しません。

2018-11-06
Acquired
Early
W19
6
B2B
RemoteFully Remote
Visly screenshot
Vislyについてもっと知る

Figma: コラボレーションインターフェースデザインツール

ひとつの場所でデザインとプロトタイプを作成

主要機能

  • Figmaデザイン: 共有のデザインファイルで、チームと製品をデザインおよび洗練します。
  • FigJam: デジタルホワイトボードでコラボレーションします。
  • 開発モード: デザインをコードにシームレスに変換します。
  • Figmaスライド(ベータ版): コラボレーションでプレゼンテーションを作成します。
  • AI機能: シンプルなUIを生成し、モックアップを作成し、AIでプロトタイプを作成します。
  • オートレイアウト: 自動レイアウト調整で一貫性のあるデザインを作成します。
  • バッチ編集: 複数のフレームにわたって編集内容を瞬時にスケールします。
  • 埋め込みプロトタイプ: デッキから直接、高忠実度のプロトタイプをプレゼンテーションします。

ユースケース

  • デザインシステム: 整合性のとれたデザインとコードで製品開発を効率化します。
  • プロトタイピング: 現実的なプロトタイプでフローとインタラクションをすばやくテストします。
  • UXデザイン: コラボレーションデザインツールを使用してユーザーエクスペリエンスを向上させます。
  • Webデザイン: 共有環境でWebデザインを作成および洗練します。
  • ワイヤーフレーム作成: コラボレーションでワイヤーフレームを開発します。
  • オンラインホワイトボード: チームでブレインストーミングを行い、戦略的に計画します。
  • チームミーティング: 統合されたツールで効果的なチームミーティングを実施します。
  • 戦略計画: コラボレーションで戦略を計画および実行します。
  • ブレインストーミング: 共有されたスペースでアイデアを生成および洗練します。
  • ダイアグラム作成: さまざまなユースケースの詳細なダイアグラムを作成します。
  • 製品開発: デザインからコードまで製品開発で協力します。
  • Web開発: デザインをコードに変換します。
  • デザインハンドオフ: デザインから開発へのスムーズなハンドオフを保証します。
  • アジャイル: 統合されたツールでアジャイルワークフローをサポートします。

価格

Figmaは、さまざまなニーズに合わせてさまざまな価格プランを提供しています。

  • 無料プラン: 基本機能で使い始めます。
  • プロフェッショナルプラン: 個人のプロフェッショナル向けの高度な機能。
  • 組織プラン: チーム向けの強化されたコラボレーションとセキュリティ。
  • エンタープライズプラン: 大規模組織向けの包括的なソリューション。

チーム

Figmaは、さまざまなチームをサポートするように設計されています。

  • デザインチーム: リアルタイムでデザインプロジェクトでコラボレーションします。
  • エンジニアリングチーム: デザインをコードに変換します。
  • プロダクトマネージャー: 統合されたツールで製品開発を監督します。
  • エンタープライズチーム: エンタープライズグレードの機能でセキュリティとコンプライアンスを確保します。
  • 教育機関: 教育環境における学習とコラボレーションをサポートします。

Figmaは、デザインチームと開発チームが協力して優れた製品を構築するのに役立ちます。無料でお試しいただき、コラボレーションデザインの可能性をすべて探求してください。