ソフトウェアの設計において，状態遷移図の作成は状態遷移の一覧性や仕様の漏れや抜け，修正箇所の発見の容易性の向上につながる．コーディング前に状態遷移図を作成するメリットは大きく，これまで状態遷移図からコードを生成する，様々なシステムが提案されている．しかし，既存のシステムでは図からコードの生成しかできず，コード生成後にコードを編集した場合に，それを図で確認することが難しい．本研究では，この問題を解決するために，状態遷移図とコードをリアルタイムで双方向に変換することのできるツールを提案する．そうすることで，図とコードを照らし合わせながら，双方から編集することが可能となる．