CINXE.COM
Figma Plugin "Tappy" Now Released - LY Corporatio R&D - LY Corporation
<!DOCTYPE html> <html lang="ja"> <head> <title>Figma Plugin "Tappy" Now Released - LY Corporatio R&D - LY Corporation</title> <!-- Font preload ---> <link rel="preload" href="/assets/fonts/LINESeedJP_OTF_Rg.woff2" as="font" type="font/woff2" crossorigin> <link rel="preload" href="/assets/fonts/LINESeedJP_OTF_Bd.woff2" as="font" type="font/woff2" crossorigin> <link rel="preload" href="/assets/fonts/LINESeedJP_OTF_Eb.woff2" as="font" type="font/woff2" crossorigin> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1"> <meta name="description" content="This site provides news on academic activities of our development teams and LY Research."><meta property="og:title" content="Figma Plugin "Tappy" Now Released - LY Corporatio R&D - LY Corporation"><meta property="og:description" content="This site provides news on academic activities of our development teams and LY Research."> <meta property="og:locale" content="ja_JP"> <meta property="og:type" content="website"> <meta property="og:url" content="https://reasearch.lycorp.co.jp/"> <meta property="og:site_name" content="LY Corporation R&D - LY Corporation"> <meta property="og:image" content="https://s.yimg.jp/images/research_lab/ly_rd/assets/images/OGP_en.png"> <meta property="fb:app_id" content="313412695662677"> <link rel="icon" href="https://s.yimg.jp/images/research_lab/ly_rd/assets/images/favicon.ico" type="image/vnd.microsoft.icon" /> <link rel="stylesheet" href="https://s.yimg.jp/images/research_lab/ly_rd/assets/style/css/style.css" /> <link rel="stylesheet" href="/css/patch.css" /> <script type="text/javascript" src="https://s.yimg.jp/images/research_lab/ly_rd/js/src/lib/jquery-3.4.1.min.js"></script> </head> <body> <header class="l-header"> <div class="l-header__head"> <div class="p-header-head"> <h1 class="p-header-head__title u-fw-normal"> <a href="/en">LY Corporation R&D</a> </h1> <a href="https://www.lycorp.co.jp/en/"><img src="https://s.yimg.jp/images/research_lab/ly_rd/assets/images/logo_en.svg" alt="LY Coroporation" class="p-header-head__logo"></a> </div> </div> <!--EMG--> <div id="EMG"> <!-- EMG noResult --> </div> <div id="EMG2"> <!-- EMG2 noResult --> </div> <div id="EMG3"> <!-- EMG3 noResult --> </div> <div class="l-header__foot"> <div class="p-header-foot"> <div class="p-header-menu"> <button type="button" class="p-header-menu__button"> <span class="p-header-menu__line"></span> <span class="p-header-menu__line"></span> <span class="p-header-menu__line"></span> </button> </div> <div class="p-header-menu-bg"></div> <div class="p-header-foot__inner"> <div class="p-header-foot__contents"> <nav class="p-header-nav"> <ul class="p-header-nav__items wide"> <li class="p-header-nav__item"> <a href="/en/aboutus" class="p-header-nav__link">About Us</a> </li> <li class="p-header-nav__item"> <a href="/en/research_area" class="p-header-nav__link">Research Area</a> </li> <li class="p-header-nav__item"> <a href="/en/news" class="p-header-nav__link p-header-nav__link--current">News</a> </li> <li class="p-header-nav__item"> <a href="/en/publications" class="p-header-nav__link">Publications</a> </li> <li class="p-header-nav__item"> <a href="/en/awards" class="p-header-nav__link">Awards</a> </li> <li class="p-header-nav__item"> <a href="/en/softwaredata" class="p-header-nav__link">Software/Data</a> </li> <li class="p-header-nav__item"> <a href="/en/people" class="p-header-nav__link">People</a> </li> <!-- spacer --> <li class="p-header-nav__item"></li><li class="p-header-nav__item"></li> </ul> </nav> <div class="p-header-langage"> <ul class="p-header-langage__items"> <li class="p-header-langage__item u-mr5"> <a href="/jp/news/271" class="p-header-langage__link p-header-langage__link--disabled">JP</a> </li> <li class="p-header-langage__item p-header-langage__item--right"> <span class="p-header-langage__link">EN</span> </li> </ul> </div> <div class="p-header-search"> <button type="text" class="p-header-search__icon"></button> <div class="p-header-search__wrap"> <div class="p-header-search__inner"> <form action="/en/search"> <input name="p" type="text" placeholder="Search" class="p-header-search__input"> </form> </div> </div> </div> </div> </div> </div> </div> </header> <main class="l-main"> <section class="c-hero"> <h2 class="c-hero__title">News</h2> </section> <div class="l-main__wrap news-detail"> <section> <div class="news-detail__head"> <h3 class="c-title-4th news-detail__title">Figma Plugin "Tappy" Now Released</h3> <p class="news-detail__date">October 10, 2024</p> </div> <div class="news-detail__body"><p class="news-detail__text">We are pleased to announce the release of "Tappy," a Figma plugin that analyzes the size of buttons and links when designing smartphone web pages in Figma and displays the tap success rate. Users can select an iPhone model and choose an object in Figma to see its size when displayed on the specified iPhone (in both pixels and millimeters) and the success rate of tapping that object. Currently, the plugin supports iOS models with recognizable resolutions. (Support for the iPhone 16 series is planned for the next version.)</p><p class="news-detail__text">You can access the plugin here. <br> <a href="https://www.figma.com/community/plugin/1425006564066437139/tappy">https://www.figma.com/community/plugin/1425006564066437139/tappy</a> (External link)</p><p class="news-detail__text">We hope that Tappy will be of help in developing web pages for smartphones.</p><p class="news-detail__text">For more details about the method of estimating the success rate, please visit the Yahoo! JAPAN Tech Blog. <br> <a href="https://techblog.yahoo.co.jp/entry/2021120930233778/">https://techblog.yahoo.co.jp/entry/2021120930233778/</a> (Japanese page)<br> <br></p><p class="news-detail__text">Please also try the web version of Tappy, which displays the success rate of tappable elements on a page simply by entering the URL.<br> <a href="https://tappy.yahoo.co.jp/">https://tappy.yahoo.co.jp/</a></p><p class="news-detail__text">Reference Papers :<br> "Rethinking the Dual Gaussian Distribution Model for Predicting Touch Accuracy in On-screen-start Pointing Tasks" <br> <a href="/en/people/37">Shota Yamanaka</a> and Hiroki Usuba<br> Proceedings of the ACM on Human-Computer Interaction 4.ISS (2020): 1-20<br> <a href="https://dl.acm.org/doi/10.1145/3427333 ">https://dl.acm.org/doi/10.1145/3427333</a> (External link)</p><p class="news-detail__text">"Predicting Touch Accuracy for Rectangular Targets by Using One-Dimensional Task Results" <br> Hiroki Usuba, <a href="/en/people/37">Shota Yamanaka</a>, Junichi Sato, and Homei Miyashita <br> Proceedings of the ACM on Human-Computer Interaction 6.ISS (2022): 525-537<br> <a href="https://dl.acm.org/doi/10.1145/3567732"> https://dl.acm.org/doi/10.1145/3567732</a> (External link)<br><br></p><p class="news-detail__text"><p><img src="https://s.yimg.jp/images/research_lab/ly_rd/images/news/2024/tappy_figma_plugin.png" /></p></p></div> <div class="news-detail__foot"> <a href="/en/news" class="news-detail__list-link">back to index</a> </div> </section> </div> </main> <footer class="l-footer"> <div class="l-footer__head"> <ul class="p-footer-sns"> <li class="p-footer-sns__list"> <a href="https://www.facebook.com/share.php?u=https://research.lycorp.co.jp/" onClick="window.open(encodeURI(decodeURI(this.href)), 'facebookwindow', 'width=650, height=470, personalbar=0, toolbar=0, scrollbars=1, sizable=1'); return false;" target="_blank"> <img src="https://s.yimg.jp/images/research_lab/ly_rd/assets/images/sns_facebook.png" alt="facebook" class="p-footer-sns__img"> </a> </li> <li class="p-footer-sns__list"> <a href="https://twitter.com/share?url=https://research.lycorp.co.jp/" onClick="window.open(encodeURI(decodeURI(this.href)), 'tweetwindow', 'width=650, height=470, personalbar=0, toolbar=0, scrollbars=1, sizable=1'); return false;" target="_blank"> <img src="https://s.yimg.jp/images/research_lab/ly_rd/assets/images/sns_twitter.png" alt="twitter" class="p-footer-sns__img"> </a> </li> <li class="p-footer-sns__list"> <a href="https://social-plugins.line.me/lineit/share?url=https://research.lycorp.co.jp/" onClick="window.open(encodeURI(decodeURI(this.href)), 'linewindow', 'width=650, height=470, personalbar=0, toolbar=0, scrollbars=1, sizable=1'); return false;" target="_blank"> <img src="https://s.yimg.jp/images/research_lab/ly_rd/assets/images/sns_line.png" alt="line" class="p-footer-sns__img"> </a> </li> </ul> </div> <div class="l-footer__foot"> <ul class="p-footer-nav"> <li class="p-footer-nav__item"><a href="https://www.lycorp.co.jp/en/company/privacypolicy/" class="p-footer-nav__link" target="_blank">Privacy Policy</a></li> <li class="p-footer-nav__item"><a href="https://privacy.lycorp.co.jp/en/" class="p-footer-nav__link" target="_blank">Privacy Center</a></li> <li class="p-footer-nav__item"><a href="https://www.lycorp.co.jp/en/company/terms/" class="p-footer-nav__link" target="_blank">Terms of Use</a></li> <li class="p-footer-nav__item"><a href="https://www.lycorp.co.jp/en/company/overview/" class="p-footer-nav__link" target="_blank">Company Overview</a></li> <li class="p-footer-nav__item"><a href="https://www.lycorp.co.jp/ja/recruit/" class="p-footer-nav__link" target="_blank">Careers</a></li> <li class="p-footer-nav__item"><a href="https://www.lycorp.co.jp/ja/contact/" class="p-footer-nav__link" target="_blank">Contact</a></li> </ul> <small class="p-footer-copyright"> <span class="p-footer-copyright__pc">© LY Corporation</span> <span class="p-footer-copyright__sp">© LY Corporation</span> </small> </div> <div class="c-pagetop"> <button type="button" class="c-pagetop__button"></button> </div> </footer> <script type="text/javascript" src="https://s.yimg.jp/images/research_lab/ly_rd/js/dist/main.bundle.js"></script> </body> <script async src="https://s.yimg.jp/images/ds/yas/ya-1.4.0.min.js"></script> <script> window.yacmds = window.yacmds || []; window.ya = window.ya || function(){yacmds.push(arguments)}; ya('init', '346436060e644d5987723bc46b0bb00b', '9219a714-7f39-4dec-89f2-5fad717f8839'); ya('hit', 'pageview,webPerformance'); </script> </html>